{"_id":"primer-pagination","_rev":"433-7c26d84bb65e53b41cec61655565ad0e","name":"primer-pagination","dist-tags":{"rc":"2.1.0-alpha.82c06bb2","latest":"2.0.0","pr":"2.1.0-alpha.df004242"},"versions":{"0.1.0-alpha.51cfc597":{"name":"primer-pagination","version":"0.1.0-alpha.51cfc597","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@0.1.0-alpha.51cfc597","maintainers":[{"name":"primer-css","email":"design-systems@github.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"2fe7255046758fa3283a46394ee1ad6a3bc364f7","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-0.1.0-alpha.51cfc597.tgz","fileCount":9,"integrity":"sha512-cyvJB0PXy4IfcZB2t9kQ+99N6WYP5ZOP6JYehHskBRuTLHyZI8tSuz12OHt2rDNU8oH55WUddbQ8tx5Vv8b+VA==","signatures":[{"sig":"MEYCIQDwkbNJlcCrQvx7am9LnSzg0px5Xsx2khm4P1sO2egqpgIhAKsQD5kupvgvNPcaGckibAvGXeMVNJaGODECi36gY+ea","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14415,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa84NwCRA9TVsSAnZWagAAA8UP/RAqfUVeA/Aa9rYaJOQS\n6ec6bk8rvotQEmwAqevuU4SocNwVOWHaIFJOPqFd7oo7uy5fY+DFbwm/F9/M\na4RJXwoUEQOASKZ9ZfaIwvEfaG1vOSDNkyDLC+XzfNO6S70p2olrtS7Sj+qe\nnAQPSHoyhEXzD36lJ584JHa21cez0p/V0UoM5/T7N8phonUHyAqsFd6Uo/hE\n8uRLv+/JYawl5v7Cx+WhGKuQ9BC7TQZjrZ8xOYszyUlFH5L8wcz0mLEYYCy3\nu9SI3N7ZrnuIXm10JWzcove17k6BNnhv3L9D6SapkQr4V7vu5HbEPYhq4knE\nrUcMQEGnzNw54/8kbdPUU0sb/R7dkkvuvm6eZJO1G9zjTYtpE818LcmUVxKW\nt5ne5YbaSQOpMHNy9SyogGKszNyZ+G4c9ICs2/WDG0Pmyc/uML5Bw6vR/TGz\nTBuAC+8Ypj3llFDW8QFErOCqd5jQmu+8QqGMBaynLmDIUw+o+XZghY2jVUE1\n1F2+hodtpt1pbzgm24vwnQ9ZR+GBVQkUOkovAu8by7uXI+w9Q/+T/wRS4zy0\nD6LpoLCkuzPUpk67Ir+IPYobfY4ZBEB9RSX9dwecwFe9VRYqrW3wy+SkY660\nD3Ju89bDrtS8Do2FNHD2JQeK3qNZ/QjJ3WNsXkEAKEFS00e7MpJ67Mn6ln2E\nsVjD\r\n=NWXC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"_shasum":"2fe7255046758fa3283a46394ee1ad6a3bc364f7","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.6.0-alpha.51cfc597"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/primer-pagination_0.1.0-alpha.51cfc597_1525908335454_0.5184348766193525","host":"s3://npm-registry-packages"}},"0.1.0-alpha.7e6aa5c8":{"name":"primer-pagination","version":"0.1.0-alpha.7e6aa5c8","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@0.1.0-alpha.7e6aa5c8","maintainers":[{"name":"primer-css","email":"design-systems@github.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"cee38907ff4130520ede4938e1a8e353c7d870a6","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-0.1.0-alpha.7e6aa5c8.tgz","fileCount":9,"integrity":"sha512-IHdHF3Jlt8Fl4GDyDtpIEurO8JkBxu87+M3rjtw/omIe747HDTGLD7eMXQ6jOydOwxmtpqCmHwoRs5k3+nPhTg==","signatures":[{"sig":"MEUCIGWYxh3iVorCaky5St9MT9pPPulL4SeydJ4UJx4LHcSbAiEAxvtQ653CH4wqquicm2GCLySBDWkcADhirkMLN0moxAQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14433,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa84WACRA9TVsSAnZWagAASMsQAJ8EVXUdAQEtcQ9RA6ll\nFGmUi2OPZ5/LKrpYohJbqrXZxdajeI97QNbAxwHHns2sYO6uuhHKBww7/vlq\nLotHS3vFzjn1opcls1dj+84T5WvwXZto6WJJOyrDEI99q2AZBqMjKWZrG14/\nllfeV24juNto7Cxr0F0wvLii7Z/uwAT8U8S5LpHsuVAdbkuLJCTKparfxdhh\nq+cH789F7N//z0cTKHt5SAXLoZ2aQfk218HQZh7ENp5rVcGmXCqVbHyPh6lW\n9NphqdRZg6X89T9wlNDTyfPgIc8HhFNqCE7s4jqXiqklyvFQ9Owg7cZzGDed\nM3515var9qfpu17p+04JT8xicJsFeYc8hqJFarSK5GfWu9dGQbO1a/ZtxAkQ\n4uGrwRv5/fu1Sz+b2WiZWNFKWVwkBlM6HpYOq1tDyy+ji8kgdvP8wwA+HZuh\nBfAhqUwPdiBj+c7r1GTCj9s55al7apmAmQJXboU/DtG5VbD7ILtc3oB4jSTJ\n8I2akEJDf7mQF3NQ79gEfJhNyeExZZI3DTz7nvfgmto06J8iPHinI/WQNrDl\nSjbI6esy0g1OdViLV8JIK/Q6QETTO67bwyFv8gVjD/kPVNtPkYJCH4eR1Ju1\nmID/rtOq4/06C5INijmy8NtEyBQ4AXT5eHEN3dQxJa2uN8YfsXeiF3VVyPQ1\nNQmF\r\n=ZYEe\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: Experimental\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n","_shasum":"cee38907ff4130520ede4938e1a8e353c7d870a6","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.6.0-alpha.7e6aa5c8"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_0.1.0-alpha.7e6aa5c8_1525908863963_0.5214578085638826","host":"s3://npm-registry-packages"}},"0.1.0-alpha.68e2fa59":{"name":"primer-pagination","version":"0.1.0-alpha.68e2fa59","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@0.1.0-alpha.68e2fa59","maintainers":[{"name":"primer-css","email":"design-systems@github.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"04d8826cdeffaaa290214d23bc03b4ba9d7a9912","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-0.1.0-alpha.68e2fa59.tgz","fileCount":9,"integrity":"sha512-54cTQqe8Qlj+ES9yPYI2NzfScLClAMDekZES+cga6qRcuqV9FJtu/3EbKje2jJvC3/mkRdFJH0GhmzkaJqoNUA==","signatures":[{"sig":"MEYCIQDTxNPYhOPqyb7NO1XTlwrDYTB35pnBui66hl234uNWegIhAOwP6fjxD4oPe7a/MLWUBZKhQdWYcnre1wXUF78ZBmka","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14451,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa84akCRA9TVsSAnZWagAApEQQAIx9vxZi3bwcRxbEHOFW\n479LqS+ppVx/IGEmxsYJRIEKkjFYmct6HxciSWl8Mp/Y+csOsWZvyMP5mr6m\nY+yYQUTJOKqlHfOj6r9epufh5eLfXIAoc8ZuK2FLgrkNiy74vtuSGGvISWOj\nCXd1DI9htCp5p8SaF9fgToK9WEpWJVnq+Nag65bwdRUIV2mKFiHKyCHFiiCa\nE8Cq6qgsBuFb47WhQvwoizQTQfVt7k/dpsTWiA7PG4jSy2mVX0muQoDsJbda\npfJE84pPPZOsWSh2QY643jz2HaTrzU0XLKRDHx2AwpL53fR+Wm+Gqqqza27Q\nX8AEYqd4m9iIuUo09W5xU7cCJh5oSD81akOU0IXNjg2iPWOv4c1VxOO15JUw\nBJe83y9E49jUAbBNaW0EiL4/RfkOt+7YHSRvwNGjXbgCVsnGF0+UfsLkXl9Q\nSnXD4wD79tosYWL82AddRhPe0VkCNzRwz3x4SzneJNjgpdP/US0ABxDDUsyQ\nCp9Ab5uzUhEdCUdvEQaBb8Q3K8vl+tnlj6IWMFkSGQiK4BUleGuZghHYDvV+\nlo1osJz0cDZw14Zjfu3c1JZqbtK/CoAQFVww73XWEN3gmKX/iX75yHkX7fkR\ns/pbNCq4d5QwJ3Vz6jLFcEmFZljXsAXNiwBwdZlFHil4KCpu15XoKaAJ2aZE\nQ8fa\r\n=bD/F\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: Experimental\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n","_shasum":"04d8826cdeffaaa290214d23bc03b4ba9d7a9912","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.6.0-alpha.68e2fa59"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_0.1.0-alpha.68e2fa59_1525909156572_0.22208894095142973","host":"s3://npm-registry-packages"}},"1.1.0-alpha.5f2bfac8":{"name":"primer-pagination","version":"1.1.0-alpha.5f2bfac8","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.5f2bfac8","maintainers":[{"name":"primer-css","email":"design-systems@github.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"da809a47596eb68d6a35b43b2d825589dc7f57d6","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.5f2bfac8.tgz","fileCount":9,"integrity":"sha512-wxv42H7e+MpVUd74BLWpZ4V3OborPVOPbclYHJnzdGliuT4EsCpfE+0rknVly9pjosjtOzmsIoLtvrZ3UdQr4w==","signatures":[{"sig":"MEUCIHQqlWHVtNSAZ99bnTpr1nImTx83OjxkTZHbLfUW+EZKAiEAgKEIQVR8XhdexkRnWdqlLljTavZotoRpmOJMQUOUZmI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14469,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa9IelCRA9TVsSAnZWagAAzoQP/j7JX1+t/aca51d68w1v\nfZ4YhzCC5KiExnRBCmea7deh+ozIGvHJn1ENemFset7i0HB+ADRkBKtcRKOw\n0dly0RDu6lWsS1Jzfheo0aqzCjL5P6wWsQuHfsqOHaaKWQnooQT/6jqstwOA\n7iiLBRjrDBAKpWitRVJAi52uJy7w2O8TQ9IdCBbqvpkC6Ubsd4rmKWe3cBWk\nqB8FxLc0qaEcNXNqftfc11GYcadjLW1fV/20Ptpg6EEk50tAR6OQS20ESb2Y\nrf69ssSqccJ655w9O5TkFP+hK2IUxYkgwXbz6DwwrP3JVi0eMqL4RugW3sBl\nVNW+PK+zR8q8/aDrLTfCwh4hNEFmLNZQATkUimwU8LSEagwj6O6G5qgCGL84\nVtXWooWkmDDG/a7wuQDCJ6TgkhfBv++SxmOgbQlXiQoYDeTH06p24bC+qsYA\nH3pBBFFTJ2iCrrLP/gvv9enK/ntbDqKiwqTg81GHlkJUQO5bDW38jhTawaOJ\n7Nzy4JHmZgDWsrL+gM5VKjlC2ISonOUTfJU8GyIUW0oAHnqbtkOhoORXynUp\nIBQwk6zr1fh7lYbwEHOaWCdBOtl8K1CzRYdydS7yRx0Oc/TP1lH04eT6HjPf\n6nzQ0xxnWysToENWM9nTHA+t8g494gZLri+ZkIQillHpzCWRt+0J9gqcjbqw\nlRT3\r\n=Srqn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"da809a47596eb68d6a35b43b2d825589dc7f57d6","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.6.0-alpha.5f2bfac8"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.5f2bfac8_1525974948977_0.35419760098981334","host":"s3://npm-registry-packages"}},"0.1.0-alpha.5c3ca04a":{"name":"primer-pagination","version":"0.1.0-alpha.5c3ca04a","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@0.1.0-alpha.5c3ca04a","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"6eae433d4cea1ef06d048775509c88a49fae0c1c","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-0.1.0-alpha.5c3ca04a.tgz","fileCount":8,"integrity":"sha512-1TmqnneKW6EvEFwXWcPe7WNknou0KelZtcq0wJPTGH2HeE0cUaCu39zYkLrNc8oL3T40T42HSfpM7gJLjjlTNA==","signatures":[{"sig":"MEQCIEakzMlNQ+nZVjHZMFUbYzGIj2sVr+AwiIN98GY8Y8GDAiBt6EMKptXqVnT+qQtOA2x1h26jVBw5WY+d3yNx8UK+AQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":11543,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa9MIECRA9TVsSAnZWagAAmjAP/1oB0ldw//9psdv2xS5O\n3eOMNKcsfarR7JiEgMPINDutViglOIcKUkyRmaUMssHdnHSN/H60wAcmCmLu\nKqMupT01xgLDTkAAO9I+NKrp7hWQ/iBOQblyN9V25squK2FY/IHjqk8j60s/\nd6NuwYnAsCtwZfEpZ+ZmgZVwI+YPBKd7euoCf9fPDe4AMk1+2ZIyx40Pk7lW\n9frHkaKxQQR0+sjCRJIw77vJfE72pSTQnjO+E00PwrN03NMbR7AGU2laPBlu\nZ7RFFH8S/o33+Nk7hcmzoB6LPkTVgQatWYJKmjW7Lq38COrsfY8i+ChjkoS4\nwrLEIXkKsF+TxAbisoBzluWIvLUqDKQpZwTa0jhUvhADVxfsLMvCtbzxt6WT\nLFhPvMljZ4Dtv9QxIrHDhSHbAS2ln/Ck3SoTQ17uvAynz/HZAxTAez7Fm1Ji\n51hcdHkFN4HRxJwQQN9KsKvQDdzp7OdJfMDnGg60KwF3Zafu6xrA4UXLGAjK\ngu/Hps9jbnFqjXoXqn7VKwwZYqAjeRCZLXCs22QMcFVxKleHF6SNyg1C7+MN\nxZGVEOO1qlFnVNzBRk1rY0Y9wiSyHQ73exTWDqBS5tSssVoBNauaOZohjyUA\nlYC/wrnDnPdY6QF7glo1nYmXiXhdtfd4kOpawcU0F4RFr+7HulzCKTTKf19R\nIWYa\r\n=riO/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"6eae433d4cea1ef06d048775509c88a49fae0c1c","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.6.0-alpha.5c3ca04a"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_0.1.0-alpha.5c3ca04a_1525989891768_0.5213836278076469","host":"s3://npm-registry-packages"}},"0.0.1-rc.0":{"name":"primer-pagination","version":"0.0.1-rc.0","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@0.0.1-rc.0","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"582c287f3367bed981a7cc6feebdd5246b60a224","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-0.0.1-rc.0.tgz","fileCount":8,"integrity":"sha512-9LKd6ztJHDD+GUD9ZHOlU2Ajw5tKvqtUTKl3PuKlqYd00mvRVap1r3gfqlVPg0kDTZ8pznQVppeOZpdInA+Pdg==","signatures":[{"sig":"MEUCIE9dtKuSLmdVJ88PlGGldeQ5wge9AkzPhgOUKMwq20t0AiEA48fk77XfUfbpC0rvnIc1VDPdg+ZwPB22kBOvw6nKbA0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":11523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa9MJlCRA9TVsSAnZWagAA0kgQAIk3UfVFEL46fbkrLpcY\n9GLZJ7nExfAGbKlN1PyrKJOpNDUkuYaivUvIJtonoknEN5ZBR5Vi54p0pznc\nSynRSLsCcppm49v3Z/BLqzxJR52XNtddEdZvY+XB/eX35y2IRDZH+y9fIL5M\nBG/OdZehuNCHkGJg8f3HMqeRu1gfqZAnzPGCZemKvFtV2RliZLafSfacZ4ff\nz8bkwfNFh+LJLwmd9RpYviEzCT6Scnf6NBzAG3Oglag25Rcw7cJ6ZNuwOjpR\nqMHv62JIWvIH1pah0YOSGTds+55AvHEsG2AFKM37Thu25gsZcqYFE5ap4qv/\n+i7kEM9hwFf4bFSSAMLcdDxA51KLNEV9y1fXnez0uc4QxFFyXyvlHpBLkYYY\nYvCDAvjNN1zWEXFtt8MMAmZ7arvFWR6IpSmslwDd4wVO0g+cDuZob6ltceUU\nnwK9uV1Re83NI/Ys92k7LuD5SPAghdGWSx63H8nrMtbswZFGbqsv1e7idTtG\nnr8jcLY2/H4LtgF5BWHXcGD6yvHgD8YtTb9RWVF4HFI5GKQyDQ6/ZCRRk3gU\nr741A5JXNW0UC6TEFlV9ecw/bjjReS5UDub9/FEZIpQEOQSHA635KPRR1EF8\n6RvMp8hftqIX6S8npO3SmHEjoVY4vHcuROpNGZafx2mRva2sdTzGRfBnMuts\nVQzI\r\n=bz2A\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"582c287f3367bed981a7cc6feebdd5246b60a224","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.5.2-rc.6"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_0.0.1-rc.0_1525989987533_0.8463939191602228","host":"s3://npm-registry-packages"}},"0.0.1-rc.1":{"name":"primer-pagination","version":"0.0.1-rc.1","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@0.0.1-rc.1","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"6809653d69d784adb78f87786051bb2d3fd41aa0","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-0.0.1-rc.1.tgz","fileCount":8,"integrity":"sha512-dCTsXVlgm7MVoIUxAZA0/+4fp1roQ5rX2LpcFtcNdeZ6I0rkNmVBXPJZwavSg8l3zYWUbhHkjtyv4qUngDpVIw==","signatures":[{"sig":"MEUCIEYe3n0dtXtpPF5i9nvjFCo33LDrrJ6cww9ZFNw0aXavAiEAojiyHoqhbzLsAZrpqqxVEWvPAUtMidmkzsUs6LaNoQk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":11523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa9MRyCRA9TVsSAnZWagAAqTMP/077XFTTIQENQNe/nBT8\n9Ld/zPM+6xDPv3ueZ8Z47wuNsE1Cz7Mu8YjToNMLWbd7S6DtwPwsh5AdnINw\nJijSRfDpPYOcq5WTq8eNgM2ODa8ofygf7BRQmnLL0jNIlzYZvg4cM67XLf3n\n38K6aSbBiuD6PzRoOoxwDwuo6x6qtCA//w8Ev3qxdizg4B/SrRYg4jqYJgfB\nHVYpkBKRV1mDeZjWYDhwblg6jbJOih5z1DW5uMDURe3U2rQzOW3OBo0hBa48\nLKsU1E//4UfdcKUwIGz/JIOxJ3CDyu/qSfrKGNKVA+oRqw/JcIYAxy9/3zJL\npe1LXF8MAvm95De01hFtMGe8S1/h0Wb6HmAiHv58Snbk9E0w+ExdG4BDYZk8\nDnsoCa3qe3eQzddhHCRZTjvVc9GSVB/zuIA6mGhzxWC+k3qn9h207Dxdhc6A\nq8olehJ0towEUWCfbg8i10AbF1mFIaPZ5aS0ykZxmKRzRhGdSPBdLWR3vm3z\ntpR/lc5KlhgMVwkIidkRQ0f+PA+QFxM5Suj5azSdUozaTWbIglDGPC6oi1WU\n/WhaZB3gR57O1l4gBV/C8T8ZyQfXscjHgjESY6KJ6E2PJYqDTDqR2ijCsnHf\nlFPMG9y8A+zmwufjub1q7mIg8xo1KBi9nA82Dsx85lO08vZLj2gHGu62LpQ0\nSzW5\r\n=dNGF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"6809653d69d784adb78f87786051bb2d3fd41aa0","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.5.2-rc.7"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_0.0.1-rc.1_1525990513852_0.5650235820702627","host":"s3://npm-registry-packages"}},"1.0.0-rc.0":{"name":"primer-pagination","version":"1.0.0-rc.0","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.0-rc.0","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"19409a92eaacbd279bd23a2abebdae86bf549697","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.0-rc.0.tgz","fileCount":8,"integrity":"sha512-CA92cgBB4mmBPLJgz8blSyEldhOVNEjPvAjNvQNu2cKnubKzsrapcsGM7gdYH2HHDfKp9MpXzUKPYwfcfhBjAA==","signatures":[{"sig":"MEQCIH92neb9D4+Djx2UGtSBwvldVYcDymkrEm4JYtS9R1pLAiBr8CZzO6E9e5QFGg5PEJitgVxXagHdRyYhnfO/ya5ahQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":11523,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa9MoJCRA9TVsSAnZWagAAerIP/0SH54m+JCRfQKY18HC1\nLDzzpUl3TIOvosszxmFqGe7BTvH9pJc3nhzS9OWVoSxL9bL30E6dwbfNB8mZ\nNJor2lL06ceD9eKCL2yz/SzF0I8PPFdMm9XpyySBfdwWZUl37454MB4x7bxc\ngkrLW9SSKu50qi9b4q6tHbSDBcMdCP3QMQQUnQLjqRNA1gcsipRVvUqv38PZ\nIuuaDQrSgDFz0dB7qfBqWlGjsSKgJCPHh2jYFCiDTxInJP9TuE4JrovJhh0/\ncQdHVSGgihfGIj1eR+ldzyq6zkOQpmdjv8SQGWuCBUxvXVUQNeE81Al4VLGj\nmIZM9DsE63RggiNyFuIerKcRwOrw0dG4LTUX7zl/TnCenGUgycymWj1LeDKK\nTlxHJQgjdQs24Z8tKFosnHf8m0tL4RJKSdL+BXlGT4yxH9xF+sl6uRafOtft\n58mIDm/jsvAxMYNcU+f/4WIJM9KSWl3EEFvHr722qgUoSRzSNHrv1FLUDIAh\n071Xd1h5uQ8dCWsGrk7qMG2zN8IXv2khjMxdgG4OmxiqhPP0TaUo0AeJeM8I\nTZYklgB44voeCuFKN45XwwrPhHunTrYAxLo0T1VQboT7vivY/8/DzsJdU1KC\nRr8ZSrZ1ILaM7PZ0cstieCsKx32/ZTvZGDYc5BEWj2Xb7BYabQ5aRBlobLxX\nI/wK\r\n=d8h1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"19409a92eaacbd279bd23a2abebdae86bf549697","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.5.3-rc.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.0-rc.0_1525991936385_0.19395534519641644","host":"s3://npm-registry-packages"}},"1.0.0":{"name":"primer-pagination","version":"1.0.0","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.0","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"9c9b9931a1723ed5c744f08ef55df1f81a3bbc22","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.0.tgz","fileCount":8,"integrity":"sha512-Z0XO4KMqF/llKa1PL3+dyiuYjoyiOtyoocMVN7bgjC0Mo8/GTVJdMvhfL16MeYp7hH7NW8h6Y+YNvisc9s7Mfg==","signatures":[{"sig":"MEYCIQCHSrqUS15FJcUfNHyJGFxFgzGXWtNIi59v40XZloyiXwIhAJ8679yYSZit83gzqoP4mXzN99daX6L9R1xVB0JS6P/T","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":11513,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa9NDoCRA9TVsSAnZWagAABuIQAJlfpLAcI2f9Y6o30MKw\no3OR/X/+1dE3fOLwgrjhGgQsdR8M71KLCLAqp+VECDWbmGZS6J7h30gzANfJ\ndJrUhMGTa5RhADzmyBwJypSQ1dO+iNsD/96Kwbo3mMHB56g0B9L9RKbugowM\n+bZpn+sJ6G50am6yeMhvnxXF/lrSxmVwz8SOT35ehoPHVIqJWlS4Zg8MeXe6\nj0OksmENujTKPLoB9yVVikibBlVyD12D/pBWzXE3RKeX/VrpdxwErArtYgaw\nd8+rk/CEb7Ja+jaC10EQk6e6M9Yp58iALEY2BIIAdZUC+8qSZSptT93SRq4g\nryjWxVq26wKMo8yJqeZg53xnScA56z8SU8Ft2r6Tixgj6UPVOfYgNdhqNms5\n3WW/6NITUNlpeZbpvfijZnsVDEfgi0RTTa5ReG+IuIc6IfmZFfjJ6B0Q9sgk\nu2wnlyxy1oDgb4iw5YDA4ZUuDjim6CcdRkz18itmGgQHYC+1ama8uJrXAQq8\nJAa/EbGQ+vUtQhFYttKUCiW4HAzQ2mrPsRTDq64+u+6Nc8DXIgAXBxi6gtX3\nFkNnOG5U7gONLsH9O6rTr61VaJMikaSZDHF9p7Uz2RgLFlGRM8vaq4yrZr3u\nHOPuJ8gmWi6HsrQlgTa7YyLr7BuG8jOqeezVSe1h1XauKijXsaRdLPBV4X00\nnWJ4\r\n=edIH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"_shasum":"9c9b9931a1723ed5c744f08ef55df1f81a3bbc22","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.5.3"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.0_1525993703031_0.8905295077410704","host":"s3://npm-registry-packages"}},"1.1.0-alpha.749dd3bc":{"name":"primer-pagination","version":"1.1.0-alpha.749dd3bc","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.749dd3bc","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"7e47ce634b330851f80f5860f5b92f4d28cf5ab5","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.749dd3bc.tgz","fileCount":9,"integrity":"sha512-CC9SjjqAoNoafd9gdgTqcOMZjpvZs4naB/uqMdTxKDLDIYvxD5JfYz34gUMl+iyl9uiClUnxKoUoRrEJQWKyhA==","signatures":[{"sig":"MEQCIACnShGdImff06V84M6nIhHlaN4iQU/RxCRSl5kL3rCNAiAqQvk3keZp4TozmIHcefeHhnVFdfWF57dOwpMyZBNt6Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14469,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa9eZvCRA9TVsSAnZWagAAG30QAJA6XEyf4GDbvzAPzo1Q\nv7FUjs5HvQN4AkqQHNGGnt+Ucxi3pVCqGzQSSulkuB8XxKrLwsIoQHfHezNI\nnQJGV3QMbBn6SIk5D+u9MGO+irAqb+5DaXRd4a3GK6ciGPab/6LLwMn5dTVN\nquzCsBU0r/dgMo7NLDo6YYdntPs7F/nYVA8lejc5S6lg/UYtLWjOKsWWj1MI\n8P6FotXeGYBgwB+5MrkVsEqka/aVQpXfMo8/e7uHx6g9gS43cxe9HTfWdDUG\n2ijqYm8Q/FyghGXKtEPMgb6i9Pa5Yhan77l3oJ45Xg/ifMEBzON6XeSAyQgs\ndwnaYMPB6mSunbn+EGg2r9oksnz1PobXvalaY8jkXlliShs1fTNrVNQlY8j9\nhpVRXonZLr4s6Npc3z+sK9aVT2Pc1Bracj15whZ/xbd5ECmJzhW30UrNgO55\nX2CEH1OgsYop0Rao3wZ8KKYFNXkeQfozrGJjmyJ18RxGjWNrDiD247NpAnm2\nA/QQFeD6qPk0E9HLHv5VHA59sxaKyRIjW04O6HqJwfmzC0CYWM4mhsCx9vVE\n+4J6UYTwiamcY6bJwlvqgV0lY5yozleUahQENDl/pZl0PIpAN9tHSwujcCJD\nTjpAskz1FRa7oMMqMDFaBZSvGCWFrL3plowh6iU5QFufGkq4SDVQIr/tr9Mw\nuPcO\r\n=g66R\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"7e47ce634b330851f80f5860f5b92f4d28cf5ab5","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.6.0-alpha.749dd3bc"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.749dd3bc_1526064751182_0.9521084626670979","host":"s3://npm-registry-packages"}},"1.1.0-alpha.8673492":{"name":"primer-pagination","version":"1.1.0-alpha.8673492","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.8673492","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"0412c98ec6f43624269f59cb0f55dbbfa3067e7a","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.8673492.tgz","fileCount":9,"integrity":"sha512-kQl77/nmpHfXxcAKLk3bAcrg5OMqt4eyod1wEMuXy/tmYyRVQXYesgxzQOYkI1TiG5o68s+WEar+w382mkdlJA==","signatures":[{"sig":"MEQCIDLaMvQ27pHuC/bVGbF+gpxjIDZ1ZwzkMFvlO3ejrq1eAiAcuqaKRHranl+dvEhIpIIFTZ25hRbDP+Exkci7M/3cvg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14469,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa9edNCRA9TVsSAnZWagAAwPcP/1suIjWty1eGYqi0YNf6\nxA4AtnPtG4Zw7gM68knk46zdbxMbJHb+eNJzRmE4XepzdswbdSFtDD6YC17B\nNb32xY5wKvxM+4RVZi/3vSHWyerJ3Z+dIhjkEA1FFjgXZ1Z7WqVZ/PRFmFFA\nAfU57KtXoPp3knSf1rckateScU2rloR+8JBQ5mm+fPpPqmlht38GYTygC12o\neGK8MD54j++i4ZIq57vD8S9yBYmwjn8WvVHCqfvjrsaaGh6yyNJq3UExU2qr\nFhqErKa9pLGqPPwgT03345RsJbk5Rh3Wo06wRV4eDNLKWN4SBzvefFDc3CSt\nir9ogg6HSVpAi2ce/JVMi+bs+K8ir0voMZmRRXw0N+zO1UHDjo8enVeOXcVN\nu8lH7Xa3yJcnv6kizP/MbsLHpiRv5oQToDqweqRQZt606p2nBExWA9yQVfT0\nA2p6WoBm00bzCoEKFE07dOCWK4JvJIpYXsxVrFXlMECE8Q6MJJqHApHimvLZ\nVlm1hhnBzNDd4UAb5cNf5OJ57YFgeXkWN0LebRPaxaazjx+C4oLH7dzLsFPt\nV+qcWozqCdHyb+Ql6h9NsLNdWMS532wSW08BXU6/fu5arXyZ8u6IUHbjvhDe\nr3cm8t0Q5SQScJmy8mwTcOaGR22oxG3F0kUyqEuA2mQGMdRR/VBkqRQflLFC\nGwga\r\n=O3DM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"0412c98ec6f43624269f59cb0f55dbbfa3067e7a","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.6.0-alpha.08673492"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.8673492_1526064971777_0.9857979390764484","host":"s3://npm-registry-packages"}},"1.1.0-alpha.dde66593":{"name":"primer-pagination","version":"1.1.0-alpha.dde66593","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.dde66593","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"ac6c1a355bd47f3129cc39ae391ceb1852b96cca","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.dde66593.tgz","fileCount":9,"integrity":"sha512-It07scqeYvniQnH8NKJHrqeoZatkhNu6Yxl9HXpvl8zA5DjDOxTUwtHfCcZDeRBfZVmj6/bYKmFPLVBhxtp+lA==","signatures":[{"sig":"MEUCIQCDplTsUnfAmJgIAAj4pX0pSpbQUr23NXKJKsvsHtFlvwIgSqVYoqzkRKBnMvv3SAjMnlO4aExuOXRmOMcLj5i6Lho=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14469,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa9eoACRA9TVsSAnZWagAAf24P/16C5p/uiIQv3e0Aanby\nyhHADNAJZXTkrH58xs34iDCRft4K3qwqwxYlCVS7c07fn15F0r4SLjoJEruq\n+Djw7WzfCTa5gWvts/AIYNg+LKST+X/z6wLWJ5hxn7FtE+f8ymBXOh3ZJEDb\nGg7np2LRJwAX3h4tnmJTcgPH4LQbYqwVJjQudFICU7AmmfIrv0pljgy/bC5O\n1W7p8cBGJU3N7/zR5fqd2MDo5Woif1hvuRKll/6PTXck10TYoifcWF1ePF6O\naJdcRs2r06m6siW/YiaBz4gQmoNJZ8sIwZN0+sbmlzEsBfVVIrfn4xctMix9\nlCsnr/gBVD99Q0SGxR93Yflj46ssL2UZo1peINdzlp41C6lz01zsEqv09ag5\nX2Cd4ctZVR2buKY6rCdvRh+2OmjIAGaprhySzm1GXtjuvLAc5IJJmExOwR/z\nW30BEAOHA39TdaGa1fIxsv/CvLI5Z410q6ucANpO/EkcD7VkdQyX2i/o/9ln\nVTt+XaNTaUt8prx5D1CO3pppirXDv23pSjjka+C/2kf9JAZABXgqvg1HWAYx\nJWYy8mCNFDxPOe8jyhBJy2v//zK8pZdNEdel5+NEE0Vf6FZ+gBvREQ9cY/sE\n0j2dE7ghU1JQnax6s5r4lLOA6BAr07x5zmCaCyaku47W288fcr9/cpopY3nV\neBlM\r\n=0631\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"ac6c1a355bd47f3129cc39ae391ceb1852b96cca","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.6.0-alpha.dde66593"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.dde66593_1526065664287_0.7019913370038449","host":"s3://npm-registry-packages"}},"1.1.0-alpha.653de47c":{"name":"primer-pagination","version":"1.1.0-alpha.653de47c","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.653de47c","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"27405073f73acce8be9c8674957e221ed7d6bef4","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.653de47c.tgz","fileCount":9,"integrity":"sha512-qTeEf6n2y36X+pU1I6Vr+KPVo4vncsZb9Z5URVeicmEqS1ns6NxSPHzUZD7NuTAquBsRuJNHkeThLxfKAJxARw==","signatures":[{"sig":"MEUCIQDNnsYu/ACLt2IcdOPQ8GBYbPji+T4wqKR1DeK3LI0IggIgOPSWK8U+/0JmMXHPXzhPqXp4blg3Xkk1QzMH3u15Pf8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14469,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa9e87CRA9TVsSAnZWagAAkXwQAI04qpkzoS8cynnIQG9i\nFIhUXSbRFT7egGro8giwHw+Bbo9Mn1Sf4333U/MYI1Fh3y+4OjHG927LPscw\necu93p3qfor2wC+KE3CJzq8dQJESyXnsU/dQI78PpnQzWLq8PS+6VSthPsD6\n1UM73ELxl9e36oTuqur13EGxUK/GbFhavXVZnea+XR7jypnHFd48T7fE32k4\nZcr+n3S6WkUc79z0396A9OJmeO4k9ySX6MXT5ftnOxsTy9we96scYJeC/jUs\nhbBoFHK2TIBhPtcS/7j9J2pu0TO4SN+n0m1asRVVUMKM8u1yKFFZdMwz9fsz\nWcSnEDcy0a5KF259cGnwNS0lFniQWqbYuBwN3pr41y+sq0RB3sajMhn0A5oq\nT0istzC7XR3KNOHF6QZFnf9qAM//2zOkYVEq0rhV5F9isnbD7z9WdDW7Q8XQ\nYMnxQ3iJgXmpx02UVo0yCApTaqSLAYEV1DvVt3yKbiiAEWziEvkh2UrESpBU\nBHCmIV/3ezZruuaGws8plJAc9Y0vcDH4Kp9ovc2Vf2IEMyREv7GHNQgSh1nC\nt+dAqaRJSstrssWeP0LS7CQ9dieiH5RRVnwCNbRosuBIY0OgifqloHBxHmhb\nlNwsnD/U7+VCbhBhFFV0JDupVL21AUVNT4hpMVSJpu/je9LLeSY/8+K3jBjT\n6MUT\r\n=v6aX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"27405073f73acce8be9c8674957e221ed7d6bef4","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.6.0-alpha.653de47c"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.653de47c_1526067002670_0.8025404540424526","host":"s3://npm-registry-packages"}},"1.1.0-alpha.73ea74e2":{"name":"primer-pagination","version":"1.1.0-alpha.73ea74e2","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.73ea74e2","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"41872f75ba0a5e0ed4eb4dd22512d1fd2417a78d","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.73ea74e2.tgz","fileCount":9,"integrity":"sha512-/xkDzAuJQY7uPHsA+Q2wFj0w3LRfknxYO+WQgq6XphM9A/siZs/aCW2X+82KANW4a6yZFq9DjrhOi5grlAFvgQ==","signatures":[{"sig":"MEYCIQDWDNnC86lKNZaS8vmBODGZ0BuSDfCk2/DZcDBCXbvUlgIhALvMDnsPnMsVlrOUeOLINP2f3UVQoChpRI5WVdfnIWKM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14469,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa+cB5CRA9TVsSAnZWagAAytcQAIVfX0ruvkF4GW6WyJll\nag7CD8tHQJ72t0q2zHYlNS6IMgdLNVkm5lwaF/22l0Ba8r+QTVEohHh3l4ly\nyoxaRmTZHyU8JvyR62PLQc0bXQQSeXzSC3zP5PkbORMycHLejnhLFG4BS3ff\n4C+VeO4LnZ02iSmApcS7fCtQS4SOlLw5UeAE4LMQSVdVQLucjk/ihuPe8yYT\nMeBKuYloCgx+RrxZEH2PmWM5w/AScLIrT9rTKjSaf5mGI8OIkO6U9XX19Byj\nY0EqmEOAU/OT9YGMKgLPFW41A3II+1bcNZbJTHKjBfvoQwQJHESc17CRXXi5\n8Zyvoy4erZsE4Q4xHG8UgWFap9xvuIir2S43YIMgapPfip4qnZ3j6idgTmcs\ngShfJcsM8shrmblTEMPMUhotTDHvSSljQAu+ccLmAaf9gp/sz/hxAeAZh8Wf\nWXc8ipIW5HPmlvM+Ym0ANRuSVcHuH8Aij2ZqQY9h4lM9PtGCNQFJ6DGEahr5\nqUOB43ACzEgXZbOMl7ce9WR3vUwBJ5ViVY/F/6UTa0pmbffc1/uyBpvIfBdx\ncpEfKZQTcgaQqJNRm0GX8ZInNaaH+1SQlpjRUtKqI+K8JNiiikldiFbvVtVT\nvrfrN3c+39J+mmzwP40zbLC4fp6+IUETg1fOufWfhcZ+M5mxYXvlHtSkALpC\n5G2b\r\n=sN2X\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"41872f75ba0a5e0ed4eb4dd22512d1fd2417a78d","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.6.0-alpha.73ea74e2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.73ea74e2_1526317177249_0.8528754712634397","host":"s3://npm-registry-packages"}},"1.1.0-alpha.b92c57d1":{"name":"primer-pagination","version":"1.1.0-alpha.b92c57d1","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.b92c57d1","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"c05550e2730767915b7e53028f08e9ebd45b2d18","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.b92c57d1.tgz","fileCount":9,"integrity":"sha512-rkboaHndallYEm4WiAGe9gnRZ+I4OtsSzKlvlG5Ap98I+2ArFBslkuMYoq9fyvJWkfqfeYgMXZeuwFBOixRuPQ==","signatures":[{"sig":"MEYCIQCxQMZbIcKNMq4KDb9Ml7ntqcN1rOpSJZhd+hfgbkYYXgIhAPE+OPeo+6oPfeN1ceSmiinHLKokFg8WIGG4hAHWLdMy","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14469,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa+cFBCRA9TVsSAnZWagAA/3kP/27YDs9p3igOlQA26znk\n75k/3fpum7m1Mn6xxnwJV08qqWvwz4NQ8z5sCQUayVoL1mIN8lfPzCOBs8CV\nL+FkHy87Q66JLkCCbPpwM0PdqRWVpiQy3PFpLBp50zAW1XzttFcSatlxfNgi\nOsJodsJHOSER2C4fvpR40i4X7dmp2VyqD+e02BDTH0Kj+DLzFPXFr2HYC54d\nRvLC05j3h/Ikx3nv86Qm/5ulw0ofmy5vaa3c19zffyw6VbDZysAAI7SMq0oz\nMS/5O7+NdXdE25YSZycqPtc62bn+VNAZ8SJ474Cgd8vrTCar2gSxb54g0kgX\nbNCc+RTX/oYcfyglN4OJvBFQf1YLtrrhvqClPM+Ao3fXd9umDCzxJ/+1fsBu\n7/x8W9NS+Ke5ZjfdUx6Yn9oGb1HlUT95ynZr5sR5k7MuqKB9Hyl7q3b+gjzE\nzBjEDa5agEXQFDP8pqbqLrUnq+UYshUDlZxje1TNvGAC3mdxd/4J5P5OMio4\neTweT6PJLL0xXY1vAqp66uxFrEFiV8EKWIS3E4v2UgNyiTTDZ4e4KGKc6BiW\nI5mP4Y5JBSvLA3aOL725nzFUbcb7Kl0+cMN3uOh07m+m0O960dto/eZs8jWg\nfdBVqOKpEl2gvfmdQf2VorZSk0Emw1rGubXaYWb12E4aCnJx9AcnIxPJqvCE\n+uF2\r\n=VOwH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"c05550e2730767915b7e53028f08e9ebd45b2d18","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.6.0-alpha.b92c57d1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.b92c57d1_1526317376531_0.41367542561228965","host":"s3://npm-registry-packages"}},"1.1.0-alpha.814cdd3d":{"name":"primer-pagination","version":"1.1.0-alpha.814cdd3d","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.814cdd3d","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"52a556ab3ada526221fd5ecb5be621baa2bc4bba","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.814cdd3d.tgz","fileCount":9,"integrity":"sha512-lNI/p3EFZyRbmlSkScS/u6ZQtUoSJOAHLpGwtsMKVT8/SsuRDIAv9sS+oIK0HCoc++LiZJ8wj17s8uEkkQUloA==","signatures":[{"sig":"MEQCIDUQlB1t2K1Uu6+39Zu/KWu70Y6N4Q8h06v0PtmlLJc0AiBYbcTwZIaV2kfRIVaKTwvO8dLknWjsSD7CEQ2+rUi5ig==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14469,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa+cKXCRA9TVsSAnZWagAAkwsP/1CgbMX2wuk/XHaCr8tV\ns2BrMQOSjWgkJizzKZy/jveed70ME1lfUyi5nj8FEE5hQGCb0oSBxCqArJ90\n5gZ532C8IxY1pLRl2NAvSxEK3Sx9XAuCAEqLqqsOtVqK2b/Xvq+CdnvRFptx\n+2x3VnbLGC93BWGKLxiUYQOfaKHF7tp8oBq2dYktFMm3Q/1BGhidPd2+pxdM\nDpnQZM4hnuOC9qd9b7Ca8Ld1MFj0RsIxFRTyaQtNBEkomNhq9x6gCqMaUmlU\nz5XT2fGicmD/gAmDCyQ7PpQJH661wkiGo2EzK45uXtctzLL5FyJXGN03bh9q\nCxnxvDbyEijbGjlLjFWaJMtvjsK3se/ZIDIubWlquqUPPJNq/LnStj4zNgJX\nuu13aRtiGbfH02lDk/ifAnr7MrSteFdNxTvhSbuNmrRNa3HZxdUPZGxC2yWD\nhxvGIPooKSt5kSMCfuIRxG92wRZGj4BQhP5vIpJVDBDNBEfhuJJPiDa8ZswB\nqO8m2CSdDddbMyXgtxlR+GgtjWAR80exyVehwWrNZ1hCPZWb15MHhh4TBN6f\nmT4n2zLeuvq/pZjwdcvgiS91CBZlQhPW26kvkV6m4zoM1tMMPIiTuuSo6HZm\nX//c+710K1AuVZA8aFf5TKrdchaw0lO7WEWflICxqsL+fmY6yVpt0XppGNtI\ntyOx\r\n=26wZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"52a556ab3ada526221fd5ecb5be621baa2bc4bba","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.6.0-alpha.814cdd3d"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.814cdd3d_1526317719543_0.37509535506392533","host":"s3://npm-registry-packages"}},"1.1.0-alpha.68e890a4":{"name":"primer-pagination","version":"1.1.0-alpha.68e890a4","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.68e890a4","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"b814887afabf4a936c2a78e993e34f005fd8a226","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.68e890a4.tgz","fileCount":9,"integrity":"sha512-HzdODucnORRXjRf0LpydQM6oPpMC4GlZOI5u/MNOb+zZY226n6phOB8SgQusITYyzBI5r7OoPMUqTTcxY87g4Q==","signatures":[{"sig":"MEUCIEV0KNTNLcmiZgpQaEH2WlaRbU0TbXJTDAaGd5KmvJL6AiEAgI/BX1shv7OSFgPCN7FEV+eyIedz7i/c0ePl0ADQrqE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14469,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa/wcCCRA9TVsSAnZWagAA/KMQAKLRJgUQdkePV+eVtt+O\nXaQf61XNf2BvIUYlFI4rBGQQ6nwKmRX9GQqPLvkN9sgWhLfBtgT36M4fFdZC\n5+fo4w4DGuhlUlXm+jIm8W2jQfLWGxaY/T74PcR038/Yz+WsRgEOn3+JIb4l\n51BeHbiGUeM93OLbmNPAFZnoRtkd8HwJOADFEL65eatWiAn9nU0uRV0kDEy+\n96Yml/61+OqQrZjiifxRpTqY1cR8JVCv0M6GPa5VWA6i99QlJFL4MwEvoqIY\n+JYXAyo95eFoMa697nMhoxh9dSv1keiFosAyL0AxCx6MrVIBsfWu9Rm8Wsyp\nmv2X48haXQcifApqctfpZu3wFm4fsipRB8XbRIKwkWTwD8OuBVZX0IfIz3Jf\nA308PPQsa1q7lna+NVE6ZjWd/yJuKbnCzeAsLaeVgvV7Zc8jD4PYLCmpc0DO\nv9ja2k++mYm09zG5KWFqIYsiIzxhn8yuMoW+HPTBf2OOTzPGiOuQnVGrIOy6\nmJNy014LwJaObAENCrujYCfOClMnAC1x+0Dm2Se2V4ZVUeyhffWAp9Mz6wXE\n8ncW34rtxth3QGwRXnEAqmN5mrULiPl+G7DaT4DlHYNADu8ehvUJ7nZmTCva\nrtKDGBSpmN/akuclLdY1QfpArd1aG357i7XwWGDVz38mWq32i/0zfQCCSl5Z\nSC5d\r\n=CHuG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"b814887afabf4a936c2a78e993e34f005fd8a226","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.6.0-alpha.68e890a4"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.68e890a4_1526662914458_0.06969537933052106","host":"s3://npm-registry-packages"}},"1.1.0-alpha.b088b8ca":{"name":"primer-pagination","version":"1.1.0-alpha.b088b8ca","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.b088b8ca","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"38b201483113f573d9db19b658eabdea43c77015","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.b088b8ca.tgz","fileCount":9,"integrity":"sha512-p+6qzdGIS9gU3PQhvIhh/BBeqsDrlbg36ZfZ5hYXOZQUFofcYJxhrsjHYdg2bPDlR3IZp71T0+YNcoCUrDZqpw==","signatures":[{"sig":"MEUCIF/QIu612iXx6vmziDrwwHlGxsOfw+xusdulT1Ick60iAiEA3orcZtDacoFBKcHrXxWej2S3HN0CmhbnvgF3g1Ow7jE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14469,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbBdecCRA9TVsSAnZWagAArOoP/0Juq8MUE1UaJnHS8k3P\nIkS+gX8zNqzuuYKh1ngUz8cc3kvSGPO/j4bLyFBNJjve65/6R/gtiAaJPLcr\ns/+6g41xHc+to94VgH/gyBFLBaKtYdjUtSeD7sgidJXZwUFRB4H815NOQAH3\nDJcb2it48qEkGSwXSGtOd3PDNDmdk45Bbur52rn0OxZYX+Ojkxxu4ve0FOYY\nJ6pNRm3UunfsGtW495PAU9lrtQxXj3o8qFv2vuHjdJjj1GvKoCRXQd0nF7ZF\nxDInTJW/Yaqk6YqlLEzOgRMRD8vsvDy1Al7aZb/2EzhW1e3sRGm4egVWkhEq\nYEck/jHJHmjWK5kzuiWDlvKYtmCyIHkPOGm5CM+eWmAjgxzDRthRhO/UCUgg\n4TtcS0PP4v+k5zUj3L7rzGMhtvNTgDjRDEo1IHcsyYZKstmaFvRSvyfH2cu/\nxsr7UV8ZH9py4bUQ2C3yaB62jsG2x8R9ZWdeiHNnKfYX54cVBRxNOCxAMZS3\nHAS8JWeILPUpNpVI7FjHytnx0VOXEUKiJrdZmnKekJ593ljIfekQQO37B5Jq\noT+IMuPJHBQ0CXYnODTw4/IOEl9XLxBE1PV05iXwu01vh494KnrWpFr+BlFX\ncvSb4FgFAZMQAG2/a83oUDUqOAAbB0xgHn6nlIsCTAd5zHpTGpEXBTRiEqXD\ntlHB\r\n=NAF9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"38b201483113f573d9db19b658eabdea43c77015","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.6.0-alpha.b088b8ca"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.b088b8ca_1527109532225_0.5682273267066498","host":"s3://npm-registry-packages"}},"1.1.0-alpha.4e70f02d":{"name":"primer-pagination","version":"1.1.0-alpha.4e70f02d","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.4e70f02d","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"ac1a2c260225a909635e91efc3d60afd3cef0785","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.4e70f02d.tgz","fileCount":9,"integrity":"sha512-AsMEwNL46VYrsbJD6tClla1LjHA9eWDzbFBrIyJktaeV+byJ2wKNpjZsGNGKpY8N6gTCx8hycPnft2mNx5AgyA==","signatures":[{"sig":"MEYCIQC+7yVjCfzATSbriTW36APnWpS+oYaxywijBP0p30YQQAIhAIw90penIegZ8pZF2fNIhzA4DwsjIkMBl+S1Cq3oopWV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14469,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbEdwOCRA9TVsSAnZWagAAlzoP/2l/QVEWRtvkV//t2OMK\nCKeB8u2I6IHBM4SNjnouf8Mgdcv+fUnGvK5lJzKKPzkZtaaqPHf+xZGPTTc1\nV/qxFtsoSBslDpyrcmn4xBsuAKhW8gyzc5/v1Y+RsDr99O0egqhW68wGPKQE\nZo6C6gQyXWG2bCzmKcbleIcBBlb2nSH2S9dX7J0GW/jnn03vHmuByjMzKJS6\nGHDG5U1w1iYNW8q3DoL4pmVOaVVqz+UxSFCUB35CVIIK/bZEeCcalo9B5YTk\nuqFYBsmPzOfvF9nNOVzMsw1uBFpa/8z5zJ2kUhryC+On5JbVyPC1BGFQKgCk\nFyesWss3aHBcfhO8YjiIySk4IYOmYdf7FbRX8SuAvQ2pCmR/7asrhXQ0Y9is\nqyR4pajc7ha8yJVrt/UWig07+3QOwJqAay0pYOpygfPeKNjgGiBmQLLkDemg\nwjSDOH1vd0Y4NNR27/5YfC2c7oPDl60gs9j+7trsujf7ljicVseA0nBiVqI6\nO+/E4eE/Rcr9C/pf1P5gTiRmeYB89Wsr6gXGaSMi8jaYMtCQ9dZKHZztDueG\nZVm6u+nSz0WMhQ3OyzLzmdITLwo4cqqlm+/XpxY6KqjGu+yqND04Xf4ayCq+\nZqcAu2m1xKQrDxx7eHA+eOGsvNuYSLx9CScst281MoecdquHB+7ju9sV5NBm\nL6aw\r\n=78n9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"ac1a2c260225a909635e91efc3d60afd3cef0785","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.6.0-alpha.4e70f02d"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.4e70f02d_1527897101740_0.8949676788764276","host":"s3://npm-registry-packages"}},"1.1.0-alpha.b62d989b":{"name":"primer-pagination","version":"1.1.0-alpha.b62d989b","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.b62d989b","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"1d182438dc202b1011a291443877f89d897d916b","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.b62d989b.tgz","fileCount":9,"integrity":"sha512-cJgNsnyydnWOCgRbtIq+KX287wR8QIFwCsU6tBuxkin1DDfcDC9k3HVF/ywMJXGOpiopjYBYmkgCFEqyv0bgSA==","signatures":[{"sig":"MEYCIQCmSO3oXr4Qj+VHU1+pRWCmRFOXzuLM1wsZk4eev0rXPgIhAORZ4Py3MTQD0wJ9fH0rBio6HoyMxnAJ01iL9MhpZ4qy","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14469,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbEdyhCRA9TVsSAnZWagAA+DAQAIHk+YG5PCVXhkO8cYxM\n1ze0Te0016ItjElS7GEV2j6wqWdyGRqVzoc7GSumMy/SGdYwrU/NniXWJ142\nP3/I//4Mlx4tOkD8Ue7lWzplWhMzqebowjkYvkAlK4S5kCEPqlsKlVbgeF4g\nMA9rXIz5Fiv4SpPRs49ZkE+jz0w/EY2fku/7UGP1IM7ASuW8tmysmn1UbB39\niifrt8fRkDJbOcVS+Er3zi9G+A+ZnTrDjbuUfp2EVrRBNitPV4OId5h0m4Hv\nY6EKwQ9Oemkr9ca/foX+HF6CQJGr8GVS0zv5ZxNgDWJmqF8M3riZg4SEJmqh\n+/ytOeOdgS4ZhVDPiRYWsFiYtnOzeQUJ7cHejNIO2NGiwg4BIliqOiVf1zgR\nWzR08qnj/QTa7wXcDLTrOKOYLqyy3si8Jhg9g8wYyF6HHQnbkPilqrfTyoc6\nAcwv1Bk6Hwiy+fs9mxwzvZTwoDBJdwHg2OWjlWssqJ7XA9DrAjg/IccVS3A7\nmJuf5EdF59WGzmsCzUg5bvXMWLEqkA0Eef/GVs6mBmPJ2pDg7lGTHVmUZR4I\nm/Z1EjkkXTWFr8H5oqLD9vRhYNZDlljI7MFDV7/pvwYGXCQkiLbuah8cj39I\npkqBtDDsyPjbXrq0xe0o8wWiMMtb8Pzlea82U3QpQd+7Wp4Zkg3KJ/8OCVDw\natKJ\r\n=xEye\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"1d182438dc202b1011a291443877f89d897d916b","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.6.0-alpha.b62d989b"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.b62d989b_1527897249240_0.4203709904782753","host":"s3://npm-registry-packages"}},"1.0.0-rc.1":{"name":"primer-pagination","version":"1.0.0-rc.1","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.0-rc.1","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"452471756b2f8a0a806f33afb2a6f876682160be","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.0-rc.1.tgz","fileCount":9,"integrity":"sha512-i4qcXERtSOWbTe49Lg6tF0xDtEEZCL/sFD4foX07zyb9PolgXw2n9mZk27f/bAcrMF91dxWGNZuugaUVqJELJQ==","signatures":[{"sig":"MEQCIB/JaGQCri2IK54JKJFMa24guxt0/Z/LQRSDWXleOvekAiB2OeaVkqwYo67EZU8E9NToawqI1IA1/Zoq0ypPFV2XSw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14449},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"452471756b2f8a0a806f33afb2a6f876682160be","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.5.3-rc.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.0-rc.1_1528930507266_0.46062232550726523","host":"s3://npm-registry-packages"}},"1.0.0-rc.2":{"name":"primer-pagination","version":"1.0.0-rc.2","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.0-rc.2","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"03906df56701e723930180ed52b1704cb9cb0d59","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.0-rc.2.tgz","fileCount":9,"integrity":"sha512-l2RSMdI+aKpvHoshPIf0bLqjD/SP2LLKks5+uJhUwyiUaS8LVv/9IkXQmFa+Poa9tDnD3oXndtIzblW3qEB0pQ==","signatures":[{"sig":"MEUCIQCYJf2P6k5I4HAjkKV1scdCF5peedWAGkkI8O7nAgQpmgIgMJBXtzHhx5A5Sd7S6OrDsbTkTobJfs8GJkIKpsPZU40=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14449},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"03906df56701e723930180ed52b1704cb9cb0d59","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.5.3-rc.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.0-rc.2_1528931153279_0.11925483795691716","host":"s3://npm-registry-packages"}},"1.0.1-rc.0":{"name":"primer-pagination","version":"1.0.1-rc.0","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.1-rc.0","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"afa17d45ba876029a3318c1776e80e8b24069ba6","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.1-rc.0.tgz","fileCount":9,"integrity":"sha512-z4Yq0VLO2VdXw1q5QbWAnPz8qom4oF52qhphuvPVNjuBdyKE3YIC94on0ORHRsuJiB9c1UKA0kHTOb6IfUtACg==","signatures":[{"sig":"MEYCIQDYw56JnZLvlw56EBYdjId7tDAhBtOkU/zggeg+I5d+SgIhAJdDGCQNvgIbnsZYfAKrL3pcsPIpuIk1Ko4+uyA47M+M","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14449,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbIav8CRA9TVsSAnZWagAA85MQAIlvMofEZx1lSB50nglo\nyu7IiBl3GfAc7Tnbh53ZRXznieYixu5IVakdih/veO9ozVTMPLsCjDaBy6yh\nsfDmDXxyGnrt7DTWWOAA58VYfVg8mrZXlTysuRD+mzpLa1iLn+ziMJqKFQYy\nQS1AYz37pB9f5FF1sKM3R17+d4z0bl+uKMNv8rMqLkBWCwFokfETeAUqqUiY\nH5fMSLjH9MXSdqQ1tmra0RAxs7+hS7j13zrNYQxpOwI/biAmaW5uj/Vi5T/9\nfFeeJH810ooyYqiJIz/QBaiBF9TROxIujcMGv0kgOcfYDc5RCAcPOToeXPpk\nc4/oH52TUjzR2QpdiaBTNyE/7clZWIXy12jYuWe1m614MOS6NjwvtiWiF73G\nadGoLFDQ1yl+7I6bhr6Gnv1NHDbEpfu/Iy8uKc+NIEr4WwYDbXro99aVe0t+\n7/egUj+tk3/FcsajH8A9AfDwH2wmGmfdrDM6ovJXWZud+aPD+hsi31jKx0H3\ncN6MKWXm0WuRmn5PQ9bcSSq6VE2MlWKFaz4nHTwSgUqJJzupxDfP5XvLkjXY\nZP3+fbGtbNxUMWJIXpkxCHWGTN038h1U8HpOFyz2xjDWmeMpVAaBQyKiHG3N\nZjVU4eT2lia7CxvM16O18g7o/uWQbpbPFFcoxX38AhTWRH7a1QVautfF/Bjh\nx5/f\r\n=5BfN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs"},"_npmUser":{"name":"jonrohan","email":"yes@jonrohan.codes"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.0.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"9.3.0","dependencies":{"primer-support":"4.5.4-rc.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.1-rc.0_1528933370634_0.10146143452383716","host":"s3://npm-registry-packages"}},"1.0.1-rc.1":{"name":"primer-pagination","version":"1.0.1-rc.1","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.1-rc.1","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"a576ce8dc020713bffb23f1c61632e5ca88529be","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.1-rc.1.tgz","fileCount":10,"integrity":"sha512-aGi9SeA9LSlpry96s4ytx/bcnkT+9ASQNPg+5t6CJxWD7p6YFPHPfVefX/jHCtGkSfM1aQk3b1QciNNK+HGzkA==","signatures":[{"sig":"MEUCIQCNzvh/gwFSGLXwYBa2B+TBBBG4/6NEcthPItR2ujpy2gIgPq/qjnT0/j43/qG2sMpwe4IFyw0xC/+ri797kwlCKW4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14629},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"a576ce8dc020713bffb23f1c61632e5ca88529be","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.5.4-rc.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.1-rc.1_1528934898396_0.9662993962106097","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"primer-pagination","version":"1.0.1","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.1","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"2a2f1deb7901a7151cf48f9ab72cfa0dd1eb9b3e","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.1.tgz","fileCount":10,"integrity":"sha512-6iefdA3vkiFm8tSC94Yx3TjSgXQg6EdYIxwN9OuvExPZ/2kyJEmasNrZf+9MW9DYEjJ9ePjWYlW4ZEkLcC0k+g==","signatures":[{"sig":"MEQCIHIayiglcigJu0nfBJUguPgiXh2CdOwDttA5nwU6z7l1AiBi8caxWLBylJWXBJS0GYFVZIpVJ6WlVsqRboZTtgVZkw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14619},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"_shasum":"2a2f1deb7901a7151cf48f9ab72cfa0dd1eb9b3e","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.5.4"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.1_1528991502198_0.34812633599010145","host":"s3://npm-registry-packages"}},"1.1.0-alpha.87a2e243":{"name":"primer-pagination","version":"1.1.0-alpha.87a2e243","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.87a2e243","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"ad81767670cc2fd16c855bf132287960930ab64e","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.87a2e243.tgz","fileCount":10,"integrity":"sha512-kYOwFVgWxbAICitqzYUiaVNucOZR9UM6bFH1ob6/L/E9Yia7+XBMKs5sUeCv6rWMB1L6gcKmswvkc4AgPDEfVQ==","signatures":[{"sig":"MEUCIQCLeQ1kMn+AubZhKLuuqkcbZEdmuBTFwjYLKD91h910SwIgdcuRnkzecJ3BpvEgZIrQHpHvjAipv/iwGV2Akd9W0GQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14649},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"ad81767670cc2fd16c855bf132287960930ab64e","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.6.0-alpha.87a2e243"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.87a2e243_1529358538721_0.1386449302970476","host":"s3://npm-registry-packages"}},"1.1.0-alpha.6d79c2b1":{"name":"primer-pagination","version":"1.1.0-alpha.6d79c2b1","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.6d79c2b1","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"85e2099ea67325ae425057bd230a393cb205c1d8","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.6d79c2b1.tgz","fileCount":10,"integrity":"sha512-aj1htF1VToWIG+k+m4Cv39rSv82Yi+Jf7VY2X/Mz0KhGCvQT9y/+V3AzsrZ5Z63LWWRtCSV43wyAyt8bHy8inA==","signatures":[{"sig":"MEYCIQD8o7ex4R1QWEGeRKBBWfF3ICUaQ85QMft8nfuWfKxDuQIhAKQZK4wST8MHeNyzxZaPF8XTjr5hRjX30IR1jNOeeFKL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14649},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"85e2099ea67325ae425057bd230a393cb205c1d8","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.6.0-alpha.6d79c2b1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.6d79c2b1_1529446463917_0.7077055276860782","host":"s3://npm-registry-packages"}},"1.1.0-alpha.71a72cda":{"name":"primer-pagination","version":"1.1.0-alpha.71a72cda","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.71a72cda","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"943d5811fbf06933a02036c8b733a8bb79c1e0eb","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.71a72cda.tgz","fileCount":10,"integrity":"sha512-kyhJguCSbWauxGkq6o0Uc63wWJOmwIutHXm1rrRKr6ffCg0JtyDlw+EcZVklmisB0gs9aJvY1hs/7Je8amLS1A==","signatures":[{"sig":"MEUCIQCuYQgwM0QoTBaK/++XCgCucLZZg6FlfMgwX1QBsDbHbwIgJDRiyn2ZfdlP8t8Synj/W/RhHEiFhCK5ko44kgUpQdw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14649},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"943d5811fbf06933a02036c8b733a8bb79c1e0eb","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.6.0-alpha.71a72cda"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.71a72cda_1529447693846_0.6910629676179871","host":"s3://npm-registry-packages"}},"1.1.0-alpha.e78fdb9a":{"name":"primer-pagination","version":"1.1.0-alpha.e78fdb9a","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.e78fdb9a","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"164acd065ad8b176ea1f8981491929b801e1ac08","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.e78fdb9a.tgz","fileCount":10,"integrity":"sha512-Ws7nkqREWojScu97rYWUirxZOlo5t+Zslf+QxYWNt/T+CM9gdGzh1bja6Hw0MX2vtMNXMXIxiwJ70avaGPg16Q==","signatures":[{"sig":"MEQCICnnwb3dnppoqw5dJAUK1MZyfdEFAJRSsiSsfs60eDpVAiBuZuxwwx/CS2nn0AaobmEXUrmasWQPajiQTQqCVgJ/zw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14649},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"164acd065ad8b176ea1f8981491929b801e1ac08","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.6.0-alpha.e78fdb9a"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.e78fdb9a_1529531471311_0.2610347002468598","host":"s3://npm-registry-packages"}},"1.1.0-alpha.3a1e758e":{"name":"primer-pagination","version":"1.1.0-alpha.3a1e758e","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.3a1e758e","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"0503ebb6474b4063b74deebcdc7aab22e2b8c32e","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.3a1e758e.tgz","fileCount":10,"integrity":"sha512-UrU893KqasxQhJwiCRn9o3RRkKBhDzM9QhOXPtbwgbxYoY6atzY+qHnbmSU0SHW4eY6OEDASx5tX/wV5LiyEfQ==","signatures":[{"sig":"MEUCIAq4C7wwcFB75dzrXo88ZblSRRUopaDE6jQPNzJ+792vAiEA27iunY61JQ1HKCzXfxrAN0xkktCcIv8hOh50+9HRPNs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14649},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"0503ebb6474b4063b74deebcdc7aab22e2b8c32e","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.6.0-alpha.3a1e758e"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.3a1e758e_1529965403336_0.9507843557900353","host":"s3://npm-registry-packages"}},"1.1.0-alpha.dc6b5a17":{"name":"primer-pagination","version":"1.1.0-alpha.dc6b5a17","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.dc6b5a17","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"a68371fe7b3cba62b1b1c97cfc6ccee5f405131a","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.dc6b5a17.tgz","fileCount":10,"integrity":"sha512-4750YN57zy9ovi4fsS3h+y3LjPpwv3atmx6cOV3D4B5awJB+/BvJKu9DJhGX3AZpd448qfa+KcJNOVBzb9ReJw==","signatures":[{"sig":"MEUCIA6cz3x12VvKiPDrIeYHKo7cOBrU4uPvHHHU3k3EGoq1AiEA/GtOg74myOvpqwhbyEJcJXbihPxc96nlDjLcTokkXCE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14649},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"a68371fe7b3cba62b1b1c97cfc6ccee5f405131a","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.6.0-alpha.dc6b5a17"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.dc6b5a17_1529984729849_0.9553544550015398","host":"s3://npm-registry-packages"}},"1.0.1-rc.2":{"name":"primer-pagination","version":"1.0.1-rc.2","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.1-rc.2","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"405c7e185f886567ee8c977263fbfb3922006e5d","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.1-rc.2.tgz","fileCount":10,"integrity":"sha512-18NE8H3AhILwWEztkV/Y5th8vwSSD3RAFklPva1TBHghQ1aiY2UBc2dos5TiSrqxFOiYDMfcPjcx6kWY/07+5Q==","signatures":[{"sig":"MEUCIEz7ss8iwqzmUcsuOg6l4zkschdAC9meqnMVOPSETDLcAiEAwDPZSJSh6nYmTYK6D30w+hP8oiyA/HdVjjNahFesInQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14629},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"405c7e185f886567ee8c977263fbfb3922006e5d","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.5.4-rc.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.1-rc.2_1529984893693_0.5707149357401908","host":"s3://npm-registry-packages"}},"1.0.1-rc.3":{"name":"primer-pagination","version":"1.0.1-rc.3","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.1-rc.3","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"1cf937467310510ef87fffb01ec4ae1ccb94cfc1","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.1-rc.3.tgz","fileCount":10,"integrity":"sha512-8eVYGZ43J/kyzmXW4HhFeTHqm1et9TySuhdd6Uqw7I7RziBFiTjiLsq2FphAhdsBFHv6CoML5LC8+viP5cEcfQ==","signatures":[{"sig":"MEUCICORmOprrKxNoiD2FswWiKrCMBEBu1a6u7SZzbnLpzgTAiEAs48DkDSFp1/cxBs+QuD4nNfBPJ+/uW8/3LKGkxIKk5g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14629},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"1cf937467310510ef87fffb01ec4ae1ccb94cfc1","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.5.4-rc.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.1-rc.3_1529985832390_0.6541847340607612","host":"s3://npm-registry-packages"}},"1.0.1-rc.4":{"name":"primer-pagination","version":"1.0.1-rc.4","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.1-rc.4","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"88fa0f608dced05e88cc99231875e0f76e34a496","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.1-rc.4.tgz","fileCount":10,"integrity":"sha512-5aDJ78hc119V2vWAmMg+FtvoIWumoYqQNfECyXvsJeMujihIlnHm65smv5La4K5DqgUUDWVKb7TfEf/c4/PwVA==","signatures":[{"sig":"MEUCIQDvxMZrUVyMk0RqibLWXVCJrnNHBd1IMe/ql+WIdxTW+wIgYDk6qkaIJLKtRt6CCEQuOlBxCbD2MXlJAjHn7KwCc7M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14629},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"88fa0f608dced05e88cc99231875e0f76e34a496","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.5.4-rc.4"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.1-rc.4_1529985947872_0.6902668649928265","host":"s3://npm-registry-packages"}},"1.1.0-alpha.89893e4a":{"name":"primer-pagination","version":"1.1.0-alpha.89893e4a","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.89893e4a","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"a492bcee2e65054be40627c27a909bafa3f6df54","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.89893e4a.tgz","fileCount":10,"integrity":"sha512-iKJvqHCQ3v469z3+sFyvzh54ONJQ+84VvgoYnOTbus3hA78cAwLTc0oPkuHOq+Wxhvu4oUYeftJ4MK0nzHNp3g==","signatures":[{"sig":"MEUCIQDv22zFER1ydwhL/1El2QDEAYAxQA+eIAtJCl68+bzqjAIgbZc1TZWod/A/yqAZ/a6pZdLs9qHIWV4pwZC/irVJM0A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14649},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"a492bcee2e65054be40627c27a909bafa3f6df54","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.6.0-alpha.89893e4a"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.89893e4a_1530214543664_0.26501961532566787","host":"s3://npm-registry-packages"}},"1.1.0-alpha.3091902b":{"name":"primer-pagination","version":"1.1.0-alpha.3091902b","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.3091902b","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"de6996ffb7a4d3f9139662505a1276549c735902","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.3091902b.tgz","fileCount":10,"integrity":"sha512-xjmjLsvlM+aNX+NF5pDj0Nl45oQNKTaNs9qFjBlOGuWDVhC7QrEJz1eKI9MLDcyz5e+hwraRyz4PtiP6Bry3AQ==","signatures":[{"sig":"MEYCIQD6Om94JyJRAh7bIAhymNg3yYvtSQvlmqnIGOdpini7xwIhAMpxIzu3FSjf71OWxIEb5/VDYN5WQNUECJfKnb0IGLSQ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14649},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"de6996ffb7a4d3f9139662505a1276549c735902","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.6.0-alpha.3091902b"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.3091902b_1530215219823_0.10969708687965607","host":"s3://npm-registry-packages"}},"1.0.1-rc.5":{"name":"primer-pagination","version":"1.0.1-rc.5","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.1-rc.5","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"e434a8894886de10cdce07338193bd8f0ac36710","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.1-rc.5.tgz","fileCount":10,"integrity":"sha512-jENLPxeM9QwemfOvX9BG07NXnWgEp7guLvHO56j2STmgD8013U/5sztDpr4igeQwCfkSlUFe8Ch0ABZYYifPSA==","signatures":[{"sig":"MEQCIAIhK/aiXJWaPh1J+hKVzBLjUZiiVGf+TZubUw9s1bE5AiAECnzkhuB0/XH9oGzfY6k9WkH8wgSwYrRYF7R63jg7rw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14629},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"e434a8894886de10cdce07338193bd8f0ac36710","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.5.4-rc.5"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.1-rc.5_1530215417649_0.9286508328532077","host":"s3://npm-registry-packages"}},"1.0.1-rc.6":{"name":"primer-pagination","version":"1.0.1-rc.6","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.1-rc.6","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"77d82e24a206b94b3554772a6d0f5c9f97d5878f","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.1-rc.6.tgz","fileCount":10,"integrity":"sha512-LhNUmQbOX9dG9tbrsyHpJJo4Xetm8S8xzEJod/X6XJ89WW9nreb3pp2FWMHK9ShFhXrK3EiN5R6kxJo7LwWDXg==","signatures":[{"sig":"MEUCIGkAx9OOJAcGxMUSV7orLBtR/0onAp6w5DLOfM3RaDaRAiEAt/wAcfzLAgZDmEThiAiSRI+Bonwde+fRF2XA463w5Pc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14629},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"77d82e24a206b94b3554772a6d0f5c9f97d5878f","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.5.4-rc.6"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.1-rc.6_1530216403240_0.6049765391679727","host":"s3://npm-registry-packages"}},"1.0.1-rc.7":{"name":"primer-pagination","version":"1.0.1-rc.7","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.1-rc.7","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"dfa53e6607472254695d47bbf24e064abe56d749","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.1-rc.7.tgz","fileCount":10,"integrity":"sha512-u36AI212k9Mh5RY+0W6H8hZA6xL3t3biJo+Jbn4lEZxV5ey7GKlCnmLmId7nWTDz5NND4B6IxDINerFBa/0HSQ==","signatures":[{"sig":"MEYCIQDY4qbmVntd7mQ5qLM8Ou1F2grzRepfRHEm6JHBiK1aQAIhAIPIDsvKoaTzwBsRERFM5ekm3E6Bu69Dv9Tb2nyOudCN","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14629},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"dfa53e6607472254695d47bbf24e064abe56d749","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.5.4-rc.7"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.1-rc.7_1530218314429_0.9196990460238097","host":"s3://npm-registry-packages"}},"1.1.0-alpha.a134dbf7":{"name":"primer-pagination","version":"1.1.0-alpha.a134dbf7","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.a134dbf7","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"73ceb393245acde3d16d951eaa27503074ca182d","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.a134dbf7.tgz","fileCount":10,"integrity":"sha512-Xcrd6qSHIVBT/MVoGLfziP3piAw8g70jP9dmyyyDrL+XEPkaLprg1WdTneTu/3bpkxvc07/iRXoGhZXHGcmkvQ==","signatures":[{"sig":"MEYCIQCkHWDcISDvlg8fJrmgqNDyTm1eORVDqlIga7JX59FRhgIhALyUQqmY14UKa5vTOXuCbITbm7Li8x3z9y8U3fH5zSS2","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14649},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"73ceb393245acde3d16d951eaa27503074ca182d","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.6.0-alpha.a134dbf7"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.a134dbf7_1530227771013_0.5365965568724529","host":"s3://npm-registry-packages"}},"1.1.0-alpha.effa8d7e":{"name":"primer-pagination","version":"1.1.0-alpha.effa8d7e","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.effa8d7e","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"da6f77d2556d654ee91683b9210a1e0a3afa3562","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.effa8d7e.tgz","fileCount":10,"integrity":"sha512-SdnSBtByIPGTHWxPX91txnEdcrB00CSTxhsqeqZyS/Md4yKZAOKM4FD/8+Xbh+KCNwy+BIP4kBj9JRJHRh5P2w==","signatures":[{"sig":"MEYCIQDfXGMJnHs0+2mfxve6a1MsYHnPNqSW9ydqgCRLCu2QlQIhAPLrWBLrd5DBzYJSXh6tuEvaKRO5AAxn6c7KcpZcuiOV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14748},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"da6f77d2556d654ee91683b9210a1e0a3afa3562","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.6.0-alpha.effa8d7e"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.effa8d7e_1530228864290_0.48605753996751444","host":"s3://npm-registry-packages"}},"1.1.0-alpha.7d60d746":{"name":"primer-pagination","version":"1.1.0-alpha.7d60d746","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.7d60d746","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"e645f598e7c71c8957e0ff017c8b775bdb907525","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.7d60d746.tgz","fileCount":10,"integrity":"sha512-SQskVAFL3zNfxAig8cBQQH8fR75+tJI+wufP9MycIZ0HCpQoKbwVyoO1de/OkeyN5zVrAqNFy/OtFfRvawCahw==","signatures":[{"sig":"MEQCIHZCPOLTiUbBUdBX+5j7E9rZtjEGzAIjbEwApsuS//T4AiA96xAPDlNm23YPaItpyVY33/hZn4qrvHQTAGLY7XZnfQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14748},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"e645f598e7c71c8957e0ff017c8b775bdb907525","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.6.0-alpha.7d60d746"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.7d60d746_1530229169771_0.7978482749058722","host":"s3://npm-registry-packages"}},"1.0.1-rc.8":{"name":"primer-pagination","version":"1.0.1-rc.8","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.1-rc.8","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"bcda0fd3b3a96fd2d66ae86afb3bf3c7f870bf1d","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.1-rc.8.tgz","fileCount":10,"integrity":"sha512-R5vrap6Kg4EPh7oIiL3STc8SHLal1M91vUJJZ1SkJnv0vZ0Ive03CIgkwTTTOH5b0jfXpNfyt9bYXFS8wq574g==","signatures":[{"sig":"MEYCIQDolc57jJoiLuiMY4jSkbeTSWo2tAMlyn+fuAt2TB3s/gIhAK2ATwvT81AuH8bypOa4qflmfGzMWYEhWwx0ZWd/7ENN","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14728},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"bcda0fd3b3a96fd2d66ae86afb3bf3c7f870bf1d","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.5.4-rc.8"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.1-rc.8_1530291401413_0.5336736066603338","host":"s3://npm-registry-packages"}},"1.1.0-alpha.ab698d5e":{"name":"primer-pagination","version":"1.1.0-alpha.ab698d5e","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.ab698d5e","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"31694bb3efa466d31eba1aa2a08000035f4029e8","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.ab698d5e.tgz","fileCount":10,"integrity":"sha512-MWI++YuGESHNl7r1WFMcQp1HnGC1IG4y9y1E+uuewrdno/AM/wZxZZ2fcQdzlrURjShSwiu7eKbO76mhJHs66Q==","signatures":[{"sig":"MEQCIF1XVzuRdsX7KfyVT9BCb51FQhdGVCRo5nWWsNoFAVSjAiBTiKfgPPJXp2i1nlXwwiPfxWTNM2NAYSlmTAhKNxSMrQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14649},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"31694bb3efa466d31eba1aa2a08000035f4029e8","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.6.0-alpha.ab698d5e"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.ab698d5e_1530300134974_0.09091875937487881","host":"s3://npm-registry-packages"}},"1.1.0-alpha.90b4f21c":{"name":"primer-pagination","version":"1.1.0-alpha.90b4f21c","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.90b4f21c","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"3082c60df23df032febfe4934ef83749d1b5d3d1","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.90b4f21c.tgz","fileCount":10,"integrity":"sha512-yKyFWpr1sEO4xEuGMMPdOtM1sho0XWVh1ewZVx/c9BtqlCrwyM8VhYxI5cHpwIDfylflimuBHZGSAHaf1Qqb0A==","signatures":[{"sig":"MEQCIB7KoG/WR1YQazd/3ZrM9zgz+YO3IPQOUXHg64XMbm/VAiAfmGpDEYU9momPadLh2Mlg1S+d2H+NzXmcqqN43b2Xcw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14649},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"3082c60df23df032febfe4934ef83749d1b5d3d1","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.6.0-alpha.90b4f21c"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.90b4f21c_1530301793738_0.8106358223783054","host":"s3://npm-registry-packages"}},"1.0.1-rc.9":{"name":"primer-pagination","version":"1.0.1-rc.9","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.1-rc.9","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"08050a048752f33e5bf883dbc8bc56a0162eb137","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.1-rc.9.tgz","fileCount":10,"integrity":"sha512-Ql2VD//b79y2dLA8QuczqJZO1kZU5FcTl9fO292qUR5yZPtmcVZSNKFeRFCn1WUZOwXGjmBgIICKFA6dTLY+tg==","signatures":[{"sig":"MEQCIFriebxJVjF34uPhcnbBP4JAazfgFzAV+LmeCilEaBb3AiADwCoVS4vJRX3vLy2L547cDrS4UBimPJv+/EMZZA87fg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14728},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"08050a048752f33e5bf883dbc8bc56a0162eb137","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.5.4-rc.9"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.1-rc.9_1530304276486_0.9181346894426203","host":"s3://npm-registry-packages"}},"1.0.1-rc.10":{"name":"primer-pagination","version":"1.0.1-rc.10","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.1-rc.10","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"6795562cdd85461ab2591b733470db028085d016","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.1-rc.10.tgz","fileCount":10,"integrity":"sha512-kBa/NB82yJwKZNK9dl3MEX0w71gSedYXz2ipv/BBL+ZIFc84THcigRr6lwzOu2mUcd8HZGTEP+PPHfIawbfWRQ==","signatures":[{"sig":"MEYCIQCR7X7ijyIgneqEUoI64Rvj3XsbVEGBTZvHnhReedubCQIhAPxaAKAs+xigqO029c7QvCjPjkyweca5TYNnRyLLgs+/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14730},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"6795562cdd85461ab2591b733470db028085d016","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.5.4-rc.10"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.1-rc.10_1530305783456_0.10381020817247588","host":"s3://npm-registry-packages"}},"1.0.2-rc.0":{"name":"primer-pagination","version":"1.0.2-rc.0","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.2-rc.0","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"70c0992f3508905586c87452760a42b6c2b23636","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.2-rc.0.tgz","fileCount":10,"integrity":"sha512-dc085ub9ECuIR39PKxYEgoBW+rGje6tYlctLoAsm8Ma/Mxq/ZlHfPCCQCaBb1LPU0m8pg0/gFe8Sx0lF9zWbcQ==","signatures":[{"sig":"MEQCIF+QnKcrSAHJts8JYLZo6IXAD0b3BHpHrbDpSsOP9XgbAiBRauaHOZ7SUxQ4O30Oo5CcxcTIrK3j/WEJv0pHQJuFHw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14728},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"70c0992f3508905586c87452760a42b6c2b23636","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.5.5-rc.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.2-rc.0_1530305971746_0.04523646264368053","host":"s3://npm-registry-packages"}},"1.0.2":{"name":"primer-pagination","version":"1.0.2","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.2","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"5e16d0df9e4af43a618e4beccacfbd90a0a48efc","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.2.tgz","fileCount":10,"integrity":"sha512-l/mZFgUHZUfEIMozMfTaZWzin9cBiuewBeC/oE6ugEi1xeVEp4yhJSzcqH/ZbfXxo7MfNiof8Eaw3z4CoPLKwg==","signatures":[{"sig":"MEQCIGdPnSUn7RT3bsLwB8e8BtLODjHxZ+cShaOE/eRkj06JAiAjeNW9jNr+Ps9oCkSTzB109rW/uS0Nb4KbYA5/FhEQVw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14718},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"_shasum":"5e16d0df9e4af43a618e4beccacfbd90a0a48efc","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.5.5"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.2_1530554597721_0.7381465480049001","host":"s3://npm-registry-packages"}},"1.1.0-alpha.4901ed89":{"name":"primer-pagination","version":"1.1.0-alpha.4901ed89","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.4901ed89","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"577d3dd05e74d3f49ed30179efa39509a9f1bd59","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.4901ed89.tgz","fileCount":10,"integrity":"sha512-RQIPZOa6UDdqj80JmGusdVlQbSo9YSwb6n7opevExx+2keAI5q7DjJacxZuFNwi2TR7Cz2dvCV17AFdogqf4KA==","signatures":[{"sig":"MEYCIQCCp2zbCBnd+RLLcyb6rpoTzUaJdTd1XSY+SypsTVFYXwIhAImja14qjbTvtDIW1tUIPyK9x6H+rEDivJAYR9kGGqm5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14748},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"577d3dd05e74d3f49ed30179efa39509a9f1bd59","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.6.0-alpha.4901ed89"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.4901ed89_1530638819036_0.5709534346518732","host":"s3://npm-registry-packages"}},"1.1.0-alpha.0b756ad4":{"name":"primer-pagination","version":"1.1.0-alpha.0b756ad4","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.0b756ad4","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"87602d6bace2cd71286a272df51c25a096f88b24","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.0b756ad4.tgz","fileCount":10,"integrity":"sha512-1DsoAPPn791iuUZIygDM19yoxiP8OxUGZN7fJWugXMqZxqHI2RvVLA2BCeAQSiHMgz+wH6joqeDlfeGu6kZ2Yg==","signatures":[{"sig":"MEQCIG6GF6AhIPJSm6QH8nJNv0XkEGjb6TEWp5emvC5AcZcfAiB9SL0BhwftknIpxgFqbm1lSOQqGdyR+iR5MJNPn7s9rg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14748},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"87602d6bace2cd71286a272df51c25a096f88b24","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.6.0-alpha.0b756ad4"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.0b756ad4_1530639162279_0.5079030376947509","host":"s3://npm-registry-packages"}},"1.1.0-alpha.fe4010eb":{"name":"primer-pagination","version":"1.1.0-alpha.fe4010eb","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.fe4010eb","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"0b3f1138af660cdd614fed91b29ec93fe8959432","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.fe4010eb.tgz","fileCount":10,"integrity":"sha512-t3fJ23RRKK0kmNxzxm4X1X/YsGW/6sl91AB/6kW4d0qPu3zcXCS5dtm3TcZpz0SX7ghbndHqnxB82ZiHrJkF8g==","signatures":[{"sig":"MEYCIQCgSm69+pwixYypZmoQJxhOqze3DnegeuRwfi+WMuUI0wIhAJOGqytiwhO2444j7vEynoOK/4bglPR2M/XRCmbH4DTv","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14748},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"0b3f1138af660cdd614fed91b29ec93fe8959432","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.6.0-alpha.fe4010eb"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.fe4010eb_1530639200857_0.0767884869847395","host":"s3://npm-registry-packages"}},"1.1.0-alpha.4103b139":{"name":"primer-pagination","version":"1.1.0-alpha.4103b139","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.4103b139","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"6ae04bf879b5b2551b662d64765f78614393aee0","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.4103b139.tgz","fileCount":10,"integrity":"sha512-y1B5bSunPPeePzEz7HaYMq1FvkYfbKMpkzs3b5X9EHJ02PirJeYmB4VPQUQTkLfeE9tWIerj2KrCL4An8DuMYw==","signatures":[{"sig":"MEYCIQDDPcXaMNXxMZcGDLikOtauhMzp4LC1ZoE/GEW0Uah3KAIhAOW+dwhbfSIaHsvY4qmjUMnrajnC8GIaoBl/ebEuC7UV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14748},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"6ae04bf879b5b2551b662d64765f78614393aee0","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.6.0-alpha.4103b139"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.4103b139_1530639793574_0.7431672802590763","host":"s3://npm-registry-packages"}},"1.1.0-alpha.eb7f6898":{"name":"primer-pagination","version":"1.1.0-alpha.eb7f6898","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.eb7f6898","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"013eadc4bded98e5a6cf1d1d42def6e9fcbce1dd","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.eb7f6898.tgz","fileCount":10,"integrity":"sha512-CtFjhq+mu7RVzL3tyLYeV5RjdC96DlBnb+O29rLXKiLokVM2DqbubPHVJO5it5M1xiFf83E0dg9rWMuqaqlAOQ==","signatures":[{"sig":"MEQCIC5uc5hp2kNEb0OZOlojGLf3Ldgh65JWMVwaRYP2JpJJAiAcEVZMgFsKtTKqKcHANwK5tFJgwnauDGAT94ZA73MDEQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14748},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"013eadc4bded98e5a6cf1d1d42def6e9fcbce1dd","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.6.0-alpha.eb7f6898"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.eb7f6898_1530640593466_0.9096569887218269","host":"s3://npm-registry-packages"}},"1.1.0-alpha.d773723d":{"name":"primer-pagination","version":"1.1.0-alpha.d773723d","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.d773723d","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"c3dff4ee60c9dfc1451ed001fe1713eb610bfded","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.d773723d.tgz","fileCount":10,"integrity":"sha512-JJ2Vsu8cI5/PIMTZXq8n+Q4AhmwbwiPq34H9VFQFXmowCeoPH4RJJS/QUZRD7DYH65/IhkvJ9EB+X0pTbw4fBw==","signatures":[{"sig":"MEUCIQDVfFzZU8574CmGAiPTFXvw8R8xxjGOxNHYI2qKPsJzyQIgYzF6KV+OQl5fwVPYqA2fGxurxA2zq5JGnogwezF4Bik=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14748},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"c3dff4ee60c9dfc1451ed001fe1713eb610bfded","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.6.0-alpha.d773723d"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.d773723d_1530640671120_0.7038033621601225","host":"s3://npm-registry-packages"}},"1.1.0-alpha.dae40155":{"name":"primer-pagination","version":"1.1.0-alpha.dae40155","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.dae40155","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"2add2c1a91e60b40debb8fa86a5d6797f68b6335","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.dae40155.tgz","fileCount":10,"integrity":"sha512-9DV6216IWMqc4kjR8R8VILK8PWtnTkqNvPxsOKyRuGSBFqz+0ob5+k3M2ChIG27K5mK/O2OR2S8XmagebV3VMg==","signatures":[{"sig":"MEQCIGQgT2nf1Vd0fBBHpFw+yxRvq13Aw6Lh3nZQ/ZRCt+0yAiB8SSEvvQiLZgUSXcZXelOvA9jcjZkpfAccWTK8tKG03w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14748},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"2add2c1a91e60b40debb8fa86a5d6797f68b6335","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.6.0-alpha.dae40155"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.dae40155_1530641695347_0.611889269365359","host":"s3://npm-registry-packages"}},"1.1.0-alpha.c417c2bc":{"name":"primer-pagination","version":"1.1.0-alpha.c417c2bc","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.c417c2bc","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"90d1036ac636b168e81a6b7b99a51705d58e628f","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.c417c2bc.tgz","fileCount":10,"integrity":"sha512-kebe/wDjALOGRUrxP6i4IfiYmnHGwJliWNmItOeFowswd8nmQwnfMoM4BdojiUTY/YAncWgW4VeJXzOEVWoUrQ==","signatures":[{"sig":"MEYCIQD0OcmLvoLqvbyhEOKm1r/7sR0+LbR5NPVnk7s17TZKRAIhAKu00rYyvrJy6vKs+4REGHs2DjGDtwZ9GLmqp0V4KWay","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14748},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"90d1036ac636b168e81a6b7b99a51705d58e628f","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.6.0-alpha.c417c2bc"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.c417c2bc_1530642918397_0.1466470517940459","host":"s3://npm-registry-packages"}},"1.0.2-rc.1":{"name":"primer-pagination","version":"1.0.2-rc.1","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.2-rc.1","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"b856d7044dc5e91f17fdc10be4db6ae98a14178d","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.2-rc.1.tgz","fileCount":10,"integrity":"sha512-HZz4T4T9SQyBxkqe1okKZpCcUAWHVOpaCJgFMDPEa7Nd8vZRimPSKePITW+T7NE3AGOT9upgTtSV9L9qWLJbzQ==","signatures":[{"sig":"MEQCIDiEOY9vhdIKvnqqP7WALB2Q5lEBZW/gvHP0tgMGaKk6AiB7J8CWoApkxs/IYv6mZW/3ohabjT9aqqOlmzH/R8tIWg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14728},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"b856d7044dc5e91f17fdc10be4db6ae98a14178d","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.5.5-rc.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.2-rc.1_1530642924085_0.8530326151448975","host":"s3://npm-registry-packages"}},"1.0.2-rc.2":{"name":"primer-pagination","version":"1.0.2-rc.2","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.2-rc.2","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"08c4c147952c72bee1c610c9f6ee725a5478251a","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.2-rc.2.tgz","fileCount":10,"integrity":"sha512-pvc2s079Xz3P/UC0ISFoGtxq+Dn3P8sGYOvB8zkbSSF8OllIr91Dh233zk6Lu7HSzIV+kj9pmmQjbp43Aru0pA==","signatures":[{"sig":"MEQCICu+vDeNdsi/qN6jGK8dw0hV6PxFZRSnXHG5+R5ZCh8EAiBmhrgSTCPSRRV2V3SHVoTKA4gKYRnIRD5VnuTR+WYZ8w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14728},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"08c4c147952c72bee1c610c9f6ee725a5478251a","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.5.5-rc.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.2-rc.2_1530643859046_0.987540054281518","host":"s3://npm-registry-packages"}},"1.0.3-rc.0":{"name":"primer-pagination","version":"1.0.3-rc.0","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.3-rc.0","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"a2b35f8a0b0d9d95afb046755ee4b22207159d43","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.3-rc.0.tgz","fileCount":10,"integrity":"sha512-A2FbiD5x3XPu9VWySgKKKEiM956VuPmzbXjqPiqZcT5lFZCFHzq/9W0TGxZtY11ff5vZWjgxAnv0CGyAGwwQVw==","signatures":[{"sig":"MEYCIQD5VDHDbg0QyHISP7reoR9akuArT9hpolBGJhK4IuWEYwIhAKHevR0yOwH08gaji4coynNOLd5VqUehO07aW2mqq3mq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14728},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"a2b35f8a0b0d9d95afb046755ee4b22207159d43","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.6.0-rc.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.3-rc.0_1532721458908_0.7728249115245129","host":"s3://npm-registry-packages"}},"1.0.3-rc.1":{"name":"primer-pagination","version":"1.0.3-rc.1","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.3-rc.1","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"504aa4470cb9bb84b65efd37e3aac105a76fdbeb","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.3-rc.1.tgz","fileCount":10,"integrity":"sha512-vYREoaGQQalm+8DeebwWKMLQ7njkpSXtsctt1GLGqCzTjJrgU9CemCZaTsC84/HphgAMYiXw+5ArZaLskfwCDw==","signatures":[{"sig":"MEUCIQCtJDfHqKwhMVqZJAxWW4Xv8lEWq9wlTv4FSaLKWD2iGQIgQ7YBWPj9CBIYIvxgZKJ5A9wVqhk1J1xiGQ429mRBd0I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14728},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"504aa4470cb9bb84b65efd37e3aac105a76fdbeb","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.6.0-rc.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.3-rc.1_1532723366901_0.18138492508765114","host":"s3://npm-registry-packages"}},"1.0.3-rc.2":{"name":"primer-pagination","version":"1.0.3-rc.2","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.3-rc.2","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"1c57521b90ed8fb8478e923017c65a990144656a","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.3-rc.2.tgz","fileCount":10,"integrity":"sha512-075Bs6pdjYxBKACEciR898G60URHrJxaudbJJ+3VxCvSzp+pUnGaLUltWpPTH9ldmQwJV+yhrB01PzwspPJXBA==","signatures":[{"sig":"MEYCIQDmh9qpbKpNk1KQ5Yabb9Y5L98Ex2XyB9EDA49wNRA7FAIhAPS9dVhmFpzi29p2AddNToXPo/fmb13p4SFORtgHwTLR","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14728},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"1c57521b90ed8fb8478e923017c65a990144656a","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.6.0-rc.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.3-rc.2_1532723528930_0.5774714090012334","host":"s3://npm-registry-packages"}},"1.0.3":{"name":"primer-pagination","version":"1.0.3","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.3","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"f7b83a48c50edd88244da53682dcab9f668091fb","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.3.tgz","fileCount":10,"integrity":"sha512-usTipp7lWcdHh3jm2fHnz9FB1DtC6BoCrY7U3xmYg7g7YqH6sIqrbTm3PJCIEmlWpiuzHoMYolAspFP/Up5NkA==","signatures":[{"sig":"MEUCICiSy+q39v0jWudeEzeXvADksDSaIEr2QVHFBNPzX8FOAiEA3OXfcN3Y2b/eXxie5Uksf2kirWL4vAYjdvB8HZB7VgM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14718},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"_shasum":"f7b83a48c50edd88244da53682dcab9f668091fb","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.6.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.3_1532727967456_0.6356945965644516","host":"s3://npm-registry-packages"}},"1.1.0-alpha.dc28805d":{"name":"primer-pagination","version":"1.1.0-alpha.dc28805d","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.dc28805d","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"0b52625ca3437a9eae7bc41173547268811ba69c","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.dc28805d.tgz","fileCount":10,"integrity":"sha512-n3lV3JPYDLzDtjve0is9t4P0uCfu0WeUyFgk/NdN9T+kcBE+m18HL1wbiGAWbnyUVl19Iz5KVGidB2wvf6itlA==","signatures":[{"sig":"MEUCIAj+CNCw8xdJzV7DYPLWAT0Lk5FtmGS5GV4cWXn6EPQKAiEA2e9n+kXhOkH0hpF1Mb4sjKGcRfDWgUjp7JpuxkD3pd0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14748},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"0b52625ca3437a9eae7bc41173547268811ba69c","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.7.0-alpha.dc28805d"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.dc28805d_1533234155715_0.8225915593687585","host":"s3://npm-registry-packages"}},"1.1.0-alpha.c66331d4":{"name":"primer-pagination","version":"1.1.0-alpha.c66331d4","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.c66331d4","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"724c84aa616221bef904bb964a0e156a7612f8a8","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.c66331d4.tgz","fileCount":10,"integrity":"sha512-WPDb9ithr9CBrE9l8huWiNanfASfGqN4QA3M6Pw5VH9ybw5W94AUAtcxq8DoCnn1CK8n+lSW7s2yFzYLXLar4A==","signatures":[{"sig":"MEUCIQCT3lJCB7l6/Q0eU3XqL9AMp0a2G3QIZ1FGj8B7F4nEzgIgTykY1S3OYXhn10AVKJAV1m6nv/DRVl9aovlXxQsC5Z0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14748},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"724c84aa616221bef904bb964a0e156a7612f8a8","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.7.0-alpha.c66331d4"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.c66331d4_1533234498149_0.7744652489360562","host":"s3://npm-registry-packages"}},"1.1.0-alpha.b19ce449":{"name":"primer-pagination","version":"1.1.0-alpha.b19ce449","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.b19ce449","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"ca374b30c2de652aeefa17bc9480eee818778eb5","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.b19ce449.tgz","fileCount":10,"integrity":"sha512-lIKeTG4y2pV4PDHlPDw+MtHo2v8zRXAsSbavNDVj8t95gCWqBwKlFOYsMSsex84WO7vaFRaQkzFiJJthPswuBQ==","signatures":[{"sig":"MEUCIG/qf2J2UeClwov4B5AqXC3uY8GXoIac2ePE7RY1MUaTAiEAz35rObIy/RqC9O2Bath90wasR+6DFy9ip2B8HX0Hp5w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14748},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"ca374b30c2de652aeefa17bc9480eee818778eb5","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.7.0-alpha.b19ce449"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.b19ce449_1533235008323_0.3359040391453736","host":"s3://npm-registry-packages"}},"1.1.0-alpha.86ffde2d":{"name":"primer-pagination","version":"1.1.0-alpha.86ffde2d","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.86ffde2d","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"8a22fd4cf1448525ad39471dc70156e3fb69d6ab","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.86ffde2d.tgz","fileCount":10,"integrity":"sha512-n6gScCkVRH6qChxsDh+LsrHJNaVa7rTT3Xi2jPLA/XcWswA7+0UEpUwd7cgnti632tCs4X2d2EJVP3gtP3iy9g==","signatures":[{"sig":"MEYCIQD/ZoxmdluVbDCSRR7rDE6cfr8S4PL52q5YHyYv6kVC2gIhAIppSuDBlhappCwijzNWj/2snDQ6fePEtHETkKM2OcIx","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14748},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"8a22fd4cf1448525ad39471dc70156e3fb69d6ab","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.7.0-alpha.86ffde2d"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.86ffde2d_1533249519426_0.07973185673409855","host":"s3://npm-registry-packages"}},"1.1.0-alpha.c1adda16":{"name":"primer-pagination","version":"1.1.0-alpha.c1adda16","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.c1adda16","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"6b4f76a82f848be0e615c7fd7a2998fc6c0454cc","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.c1adda16.tgz","fileCount":10,"integrity":"sha512-CdYWQfu+QBbeh1yitOI1dRlc6B318JFMCvqzQmN4WeKNeitdNAtJbrQDw/i2WHMQsQdhU1z06pwden21B2oGeg==","signatures":[{"sig":"MEUCIQDbuA99EaumfE/+n4mDbkMBK/MNdeZgFIkHRISDuLHv5gIgHdrqhs9S1oNvBupncU9lFJp1eygGiYXqribWUXJ0wPc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14748,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbfv7qCRA9TVsSAnZWagAAReIP/jy7KFvA+6WbnBygkn1p\nDXiPfP+g2Di7ujIkxLzhOEzPlleCq8ECoTAouE3bYqOPmQ0xpGptV5WZw9ET\np40BdD8j3e/Ta+Nl6Oz+i0ja0j1zhTBYMCy0LUIqBeaVOLn6puiGqOB5m8GL\nY26YRRvA1P3r5vgCvVGkcbKiB6pcs/NoozZR9rabnHv4jr9nY5546yYrGlSW\nAjn1fIUtgUXl3f3ZRaoIeR1LZJI7zKmmquE108Hja+Z0F2KqJxP9AUZG7Hbf\nsrz5kBhwlVN0MUcDM9GMLhVOeZ3L/XCpUOAiwqIpFubpcnzcyEfD8HcM/W2m\nE1hjQU+f9Xsz+hOq4n5D4au3nXT/Stfk0FlOiSRiyHDnOqpb26JU60QlVkGk\n1zGY4Jg9s+HxV0Ygv67BBzAErnKcVHYrg3CjL4Adae03UotJKF8dfYlzkBJK\nOxb6+frX0XJk4qkLcLkyDUlYvRSMJWpMJcR/s7hhcensVZnyVVqk0fVpM1Rr\nGVN4nKfGSiwJnS8D74hRoC63oLER6DRQn1UPe6Qh0qJg+hy1+3gYtMlRU0jk\ndjn4SmHSCon18Ug3Lp2c3pH/pcBr7ZwoHxuum0/TBRiW6m8D5jfbzvOjB9py\n6vNdewJY2WxxbPQkG3zaCs0hDjmQyHLTmpezIhp6Z0Du2zjssxooF/CU9b1S\nPQHO\r\n=gcJh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"6b4f76a82f848be0e615c7fd7a2998fc6c0454cc","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.7.0-alpha.c1adda16"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.c1adda16_1535049449904_0.5268190127574301","host":"s3://npm-registry-packages"}},"1.1.0-alpha.602ed262":{"name":"primer-pagination","version":"1.1.0-alpha.602ed262","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.602ed262","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"ee43c9f2ccb3cd318577ea748e34cb78e4515009","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.602ed262.tgz","fileCount":10,"integrity":"sha512-GwdymyQSL3jHqOxVl7Bvam0WBMTwC6YLabvtLjrBsFtSD57q35UF3nyQ6RNJOGCsoeLZSyKtwI7FyyRVaqK91w==","signatures":[{"sig":"MEUCIBlkxNQPhmCas4oiumsEbyfCqK7CITb6XR8FU/P+iy/JAiEAorJZ9qCCyEQKivNQ9dPqSyOcMo3lxYHosvLZ0/WSpU4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14748,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbfzhfCRA9TVsSAnZWagAAEm8P/iBpjyijbwi2ab4FwhB3\ndh0ggfXqxxx1KNFSUTpjPfiCNryzBejPbMiUjU0NMgLxlFUb4nbKWJ4CVb20\nWNzEMZmG8ZbDmo4M3s7lo2BvO2N2f8jmROkTe+zP4Suwp+fgykrD08QdlSON\nvyz3gdQuS8VNfBBFH8+ce+R2ZvICpcGkpAEHzCZYfuFjbwSSYaGeitdcR8TA\nVrfFfpZB5KJh4Rxj2qoZcIuFCd2vkw++jtBYra7SPrGBrZT7hh2lmCw2YEpe\nP5TcqoV38+11taj4Tfr+LhMin5x/5irhOqWFl3d9TBs/MbOUoBIB6KOGhwts\nZ0LZSenz8fK06seBKi3kymaF3/Xz5/aRd6+tTQykAQm0W/xHQN8cgQkk7wnj\nt/3hvMJVpDE9g31Wy13ewAxloWhQ5en+T6PhMivYmI/q8VBo/YlwkYuCczN/\nGqJy1w4CwtWC8Z1VIs7bs1e1S85Az9n/Nv3+TI/FLrY5OJdKoxPO5SBkranA\nEnZudKjib6Sg6GP4W/ETlr6fHnMb6Pip1S73axjzZVhi4B36bmSKqYXFd80w\nknLuNAdNvUSaBfdDMmh6GnLXOfo1bhzx0zjFh8NVroHELVGP4vgM/v6FHHEM\nVzrFb+3TqO66glzplymhbJxAcBl9XHiljblZ9hcnRI7B/nqccjXwKSoBJVn4\nppQZ\r\n=bwgM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"ee43c9f2ccb3cd318577ea748e34cb78e4515009","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.7.0-alpha.602ed262"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.602ed262_1535064159239_0.8069277727963591","host":"s3://npm-registry-packages"}},"1.1.0-alpha.2e96422e":{"name":"primer-pagination","version":"1.1.0-alpha.2e96422e","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.2e96422e","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"cf5f3ffa39b0dad49e69450ca7c842bdf6890eaa","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.2e96422e.tgz","fileCount":10,"integrity":"sha512-zKIEBEnqK8tzSPSRecCa7z14Lx3tHRL24pFtH8sMmPvlHhSizZnPoK6GE6iFP56oU+Ev/j0fzCJCngyfCDMkPg==","signatures":[{"sig":"MEUCIH6vMzw0S3j/MOkpL8sGQ3RoNf2UClhvooWdoUyYhU8KAiEA588dU5RCGnBt8bH1YBfy2g+jM2tIWSQNtJiCf2WNJeg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14748,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbf0NRCRA9TVsSAnZWagAARGoP/Au3DI2cP4dvdp7Rg8nA\nIq08YT7zAXQ4h1rXL6PUk27GC8+wWpDv5CBkvwjQHpdsxKE3gqounCBOgyrZ\neUex30CCbm2D+EOySiOKvhYu2GRf2kx0TpdkSyBcdfHqAvELE+UQbEHj08XK\nNAZki3e5ff2HGK7u2iJNEQYXqBd5Gyyo/df9apsdxUNtoiDaHox7AFXf3vpj\nBjE9//gpH8ltE8Wf3Yxi/XuxXZhJZEo6uXiu1Zq5wBzL85N9ouYFkaRKZsHm\n64C3ACoBqBTshyJx1O/qM8hqsBfE3zfQ2A3XEPBdQbmMSfkcOfVYEADnumML\nLkSdxs0dwIyElNCTDuNEDw+U3yz9W1HZQOHtAVjZG5+T+h5S5vnXCFMSmOV1\nA/kWDd/oI/84oEP56m9o4cxPQ6LwqIJ+sjemE8iNaAT2Wu9Wy67lVGLOpo3O\n3KSIcfy0wwjLwVIc2NuOr4qBqoQ9vBCAIwz7cp0X47DjpAziut4sD52QeW0n\nF9gZkvD6BbdyzJj6raxwC1G/PsyQp47Ji2PJP99mJVYZdbVleq77C1w6opCJ\n9p49mBp6MmMHAwKoz+nat1TupTqrOBKFQG/3h+JWNKNxPKBwxSUF5TFwT6p/\nIsY9De+PW0iR9rhVDO7j2lPL54iysPTr2SmJ/i0VedWRA9NfkyorL+jk80F9\nyMQd\r\n=hGq+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"cf5f3ffa39b0dad49e69450ca7c842bdf6890eaa","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.7.0-alpha.2e96422e"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.2e96422e_1535066960488_0.2290506055117849","host":"s3://npm-registry-packages"}},"1.1.0-alpha.b669eefb":{"name":"primer-pagination","version":"1.1.0-alpha.b669eefb","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.b669eefb","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"1f674fb55601210b6ba9f259a7b6565f9826a58c","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.b669eefb.tgz","fileCount":9,"integrity":"sha512-fjyzjhnj08waPCwdcxZBG0RbwLHcQHqU2bZfXqkTcYBiY68v3QY0Ija/FJ2CznKwgLpa9fk0Kd4X97f4JVTlzA==","signatures":[{"sig":"MEYCIQCTBCzkoJFaSDHOG/3PssVZKImti15z0TcsOwD3WLMaegIhAMAZaFgzZnZTy6NisNTKuT9FpU+yIhbZMQiarhqOdrZs","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbxPl4CRA9TVsSAnZWagAABukP/j8Nb3G4KTSLkbkkBZcq\nWbMucU6pKZz+9eujcR4zYo+GO2GKu1qsnoqyxZ2U5mgjX/aO/GrPRCY4XAZ0\nMn3i/1noVMFkB4ffqhZGJCHpptNsEcRkObzX0YgKoks4MQwHAo20pDOKEMHH\nZC4sx512tYYeN4DULW1L8Zluq7Ox2up6kqrHfMyb5q4LqdDsG1LqfQOdF8lZ\nydQvJ/YlpsL2Cn0+Nlh9ta4fz7IdLef5qkLsE5/bIzxR1JkqHEpYrjwf5WuC\ngeQ/tfD1knJt4hePggzobjXXbV/z3uk5poNclfS0+4AHFSmlO28e2gGyw0kj\nuCslrSO6OhG/gfPKdYaN42eE/bkk/DMR+cdJw5pLlfH7cJ1HXYp8wbN0gm5t\njpfRlXFBIUgNIk3ppgODUp1At+Mt4Sky6KMhmIR8U+0DjVkmI9QKDy+eQ+Nb\n4NCcZrc7EJU9CVBYtU7dbX1Dn4FbpG2N50qxz5WP9eYMC36gb/HZsCby5P50\nCtpmmzUVZTEA0q1JBUvYNYJn7w8eutGAC1h3cdKaTPBZ+yPpvcnAKZpr3fUc\nbUDIQp2IiwNW6RuRiQdfqJRBWAtgwlhmBjXfqpgdwaLCttddDdpZJ0fPWyAA\nAhVb7hoPly1oX3dCGELDNFrhlu78+asOmHOyxAXgKmRfMzqr18qjm30HMpXu\ny6Mx\r\n=nDLh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.b669eefb"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.b669eefb_1539635575607_0.7283862302222706","host":"s3://npm-registry-packages"}},"1.1.0-alpha.d9d741bc":{"name":"primer-pagination","version":"1.1.0-alpha.d9d741bc","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.d9d741bc","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"f64154ab3a1a0f3ccb2a65964c0aee40dc263818","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.d9d741bc.tgz","fileCount":10,"integrity":"sha512-TnW2VfT5J1F7TUspAXXbq0bITfEw8GCHp+NJFFXKgnhZbuxhhaQGgPDvjrh49gTrpJ9MCPBo4L23lHJF2sVwkg==","signatures":[{"sig":"MEUCIGH5Kx+mHLbTec3HWDrhDYRVlsYTqB9HCbTWw5IKT+txAiEA+0w1uWrvvcCbdMFOSi7wAELmTJkZgbeLOdrcu2N0/NU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14748,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbxQZTCRA9TVsSAnZWagAAjeUP/jsHTTZZ0CCgw0HOh4VV\nLs7brLQAG8KWdWQqGiD2NzHThDYbCfyav82dSSgtkqGL8E6nOe6t7f3gqbpk\nCdK0NMX/yzXupI/QgnZY2UBikexdcpmP1s7eIXo+0haXgL/h58Fuud3hbJdT\nnOanxFQWSHpV7xr5+KA/kUDmTuaTPAPytb7kymu2CR7976rDmB7XGnPBnwBM\nwcezkABIF1XnQ2Tn2hgxIvSfX9TS1Ic2CU5W2CbA52xvEhMVH72ERm/NLGod\nwRImxGBHee5XoHQwTSYoNUAw5KyE8xkpp7VjZwr3wiNcwpqKlOOd2Xhp03I8\nnp7vVUUDSezWqfVR54QICXnZXL3COqyVlDaZlW7QSRd2wV97/j/r3gUWCZEP\nltxSxImZ1KWAXjKqhabOUb+hzuNobzr+tqP2HdVJoQI0h384ahenu27B0jdv\nY3mIv4nrWD/6N8mOW7Zmv9SE20uTaOGNZRuWmsCQh4RsQ5WmgD5eIEcP7a8q\nE9hv3rGrU6CzxRKCbEMF2c6c7QPAw2yAlWOyY0QkphQncR4cR9IhD3w5VMHO\nNcmvhxXEw/7Xy+UCDivNvcK+rodni7oJjR7ek64PUxw0M4kphLfn/EXTLw9B\nGL0DojQSnrjS1dp+96bZV08pVqibq0/Z4qz9+eEQ8RhZnuTziq3uRELKeUaA\nu9NE\r\n=mu0b\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"f64154ab3a1a0f3ccb2a65964c0aee40dc263818","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.7.0-alpha.d9d741bc"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.d9d741bc_1539638866554_0.8658139757800309","host":"s3://npm-registry-packages"}},"1.1.0-alpha.671ec2a2":{"name":"primer-pagination","version":"1.1.0-alpha.671ec2a2","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.671ec2a2","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"a765049c8bdf24e4ab0b30172d39e045ebeb162a","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.671ec2a2.tgz","fileCount":10,"integrity":"sha512-x5IZmL0pUWGC/3W1VfhZXYCL7nw5jitYEuzpbpKWQ60i6BK3O8qLfTbq7/VpUf3oYM/vjKYvV3xgfnDQ/eQ4Og==","signatures":[{"sig":"MEYCIQCgCLLmlX/6LIGA3bJksJcHExIhyR3Mfye7ZrFnGey82AIhAL7SnyLpNOfeOAODWob7s4TaLeG4XPL/TYAR/vsDaJof","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14748,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbxQaTCRA9TVsSAnZWagAAdoQP/irHlXebXAINTrJJtsV5\ng8ICR1nyNNNWvtF+kAgpz8fjVHG4AgSg1Z8k3Q0eoKLDRcrnJQpXzm9/tHI3\nEZKT9XgSuSZzSUC4N4It6DrpiCkwHtvHVLF/iWXNsUImsW/kGr6vvBcoHIy7\nzsHe4M0OWUUMxxwab+z3SOhQqVACdxx1yWSKjLiNHODkz6iJ9z8P9L/F3NJz\np45yienqo4pKxVOS3ctxvwcuHthpOdnqTrcJxFB6bVIzYkhww0zV2/hf4lQ7\nQ8MBTyr+r0TqVyPdZt4N0lfGpjU6hxpsO2OuMgfY5I+lBVYCn7n4GjNct5+z\nTDQ6jGSKlKlhYhNPkzvfOzkxf3k5GNqQZI03t6aTaJ4uEDOgzrUpTrSb04Qj\nZqLH2NfbKuatjGJz5vvZ7Rd46r8/FGlqIcaQcb6a4S60/HoqO0wfsvzJqCDc\nphle52znAYD4fJ3inYtiN6bK9u25+1CEg5uje8Qb7EU5b2PGG4UpuHf281p2\njF31gXum9ikX11I6NINm2RmzwAb65dh2qFxtlLMypRbQRbfI3GoD9s/WfjMZ\nbejlIS2zKgjAUDMOXKXhw+fr09mEoXXy1J69s0QRQFxzl1ncbFrfO6defueM\naBUK0Q1Bnx9nT/ZZVqIKHeA4nzZFehl5ezwaRF/QF6BD8Lo9i6C0ocydqo8W\n1z7l\r\n=Zf14\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"a765049c8bdf24e4ab0b30172d39e045ebeb162a","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.7.0-alpha.671ec2a2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.671ec2a2_1539638930150_0.884323749566637","host":"s3://npm-registry-packages"}},"1.1.0-alpha.a0bd1a08":{"name":"primer-pagination","version":"1.1.0-alpha.a0bd1a08","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.a0bd1a08","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"bb29105f0253c07bf6b610045516fcdfe7fc4797","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.a0bd1a08.tgz","fileCount":10,"integrity":"sha512-HvJ9RMOnJRHUS+Txy9Zk71R76/7cN8prTYXT3SsowEB2BnXx1j4JzWn4LmEUwUGeq8kfXZVD93XLWPHhS0iTaw==","signatures":[{"sig":"MEUCIQCf8nx/L7diec/Kzh2fY6OTrFu0OWvNVc3el58GwXj22gIgS3kM5WP9+mGJNg4riNqQMmxxOpF8q4/8GYEiwJQ4+RE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14748,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbxSE3CRA9TVsSAnZWagAAJH0P/iMx5i5Dt20sWkW6eMzy\nUbg4r+5VqVe0azoPaoXDbVc/CC9KJxCxwlQmNhZj+4TtACyKVFGKFg/ckrlM\nTSUDQ2NDZXPGWwVPcr++nktu6f+XeUIjh480Ar6z03vvP41dv7foKHUKoE02\ntC1gbKMc/CFfG9a6/ERqGXgXU3clL5XEqaNbnnjoZeCT83hDfC4b1i64kNmf\nVjF2TtBVDEg/O88/Nn0na8wUU0ePZ8uXexMGUtaDW/X2kbBVWQclYt0RdsK3\nXHddyQ7/oWqksJfAIyRgOlzIEDzUy76t/1csv0kOyMqGbMFTscuEw8wxvdQy\nOeQE8P2WV1abvISB80eKU6Hj3GzbKwWBD12aO3949aGW2z09y9Jl8RKLe0um\nAWIayVA30ucgTFRzVN0JIDQP4IEf84zmIkxG+Kwmw5OiYyG3Fz3lsIw8XC22\nVrPOHJ7v12eiSrvF8qIgYPtGn+s/+RLootdPBerOY1p+2d+qhkI7lYAj/8/6\nLTVje+s3Qz5JtLhaaCYnNzyMWiTyHhFYES0REVOl0Mcp78JPOoqL+pdrJo7i\n9yzse0fhPCKF47xEpyaVtMnOY4orEdeoycMqt+LkacEY4vanBGsSih41MXq6\nsSTYEzY/KO6psCKhG31qkUbiPsyjZtE3nm23UjeKjCfDLmY58cf9+/uLY53q\nxqpF\r\n=VTmQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"bb29105f0253c07bf6b610045516fcdfe7fc4797","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.7.0-alpha.a0bd1a08"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.a0bd1a08_1539645750696_0.5661610527094507","host":"s3://npm-registry-packages"}},"1.1.0-alpha.472eb506":{"name":"primer-pagination","version":"1.1.0-alpha.472eb506","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.472eb506","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"3ea8b3de6f3a9bdf911347d3737c3f6be568e5c7","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.472eb506.tgz","fileCount":10,"integrity":"sha512-Td70tVPowXRoLpDSbW0rCvVOG5m18lo9AosmtZlcFKiWGFSnf7Sk7BMg/me+bCKtq+0lTXUopDvTITE8WSMWYg==","signatures":[{"sig":"MEUCIQC1RfeZvsNG1KYyh83VgQDB0cEnCU1mhkaBhbCqz5X42gIgZ5Oxo8aBC/XBpbDm0j1mey1AffBVWpU2bjfH/JdSWBY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14748,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbxSddCRA9TVsSAnZWagAApXIP+wRGbq4Vk+cgEUsXpCiF\nSzFciqx9v+AhZNxIEjJ6mJhmFlg8e+9nYytVhg032ofDHK6dcl9jYFMhIRWI\nA1BgINDkehjnn49a9pcJwJWtTQAn1Z/DzTIslNPLFaFXwzy6n/eAZb7/+pBR\nfmJWUryh0ZAJ+wTctqn6UjYucZVbg32EzrHuP+ZoLeHzrGggzwzYk0/BGAky\nCrGdmkm+xYwx1dfVB66BmWnbqgQUEwXaQXbSKWwK4zLCqhKWzS3xaYQT2Bxc\n6RTlD1ZbBT3fWkcYAEGJ8gHJlpOyBJK2uz+p5lOmnJwReLJX6jJWNbZvIexM\nQRcr/gaB1dG6+uLczPVx9aWVZY/wMBmOKSjHgMz8aEsO8pux0PMAh5nYaTC2\nVzgrh8wbWtBghPXeOZeMNw+CVReMAWrcVsm/uCRkAqtJC1c5SUpwYC4Xpt4m\nw9HNsFpBRqLO2N+cCmkERtwQuMWFZOe4MqODMKTOZC0B4+wVeksmL+jIworu\nsxfAmX/CMqI4z0DbmqX77lvqX8O1Vdca9bqZwrmAE5RByQbnFqAx5K+NydCI\n9rMoP7C30NhKnr3hnfrJBC106t+k2qP4uChSvJHFkHRUFOhtTzPcHnb56l/f\nyKn8lY2e2HsCde4pZTvZvlCIQtANXOISBgCdzR+TOeFUONAHTOtqiKLYng2Z\nsPtG\r\n=kT7C\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"3ea8b3de6f3a9bdf911347d3737c3f6be568e5c7","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.7.0-alpha.472eb506"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.472eb506_1539647324359_0.6350525436629313","host":"s3://npm-registry-packages"}},"1.0.3-rc.3":{"name":"primer-pagination","version":"1.0.3-rc.3","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.3-rc.3","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"48497dd6d5cd83769ab923ba46bb30a01e37be2e","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.3-rc.3.tgz","fileCount":9,"integrity":"sha512-mNFCJOIBqvBB99OdZm6CXjVY1W9Q2pWTsTO3cTcOwUrIGV/GHREPKjXqrZsrOQ2gtWzNVUPeAGhFEX8Ie0abAg==","signatures":[{"sig":"MEUCIQCfeYY/SVUO3n7eeDlFlT/ytH3Ps9UOXUKLbejZDSnESAIgdK0siUHeUUBiPBY8E5PtQBQUmJY33UqhJp20NhFLN/Q=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14548,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbxYMXCRA9TVsSAnZWagAA9WwP/2zzPSzI0QzbMOtQYZm8\nnxK+c2EdWMw36WkfuLtoyGCnt3Z6HQEAMEbTSB86s/tBXe430W3Dn803hwsE\n33rVjIMTfXs9d5OgSzOlCNdphTvOHrNPBX80UEMI+riHu8WV3/cbg2tX4wdZ\nl0mR76xsT1LrYHTFjMZfuuQH1RV+Z0t561fxThssIayNXVbMXAGUQa9Jqsj6\nqj06ILXXCqVkFGziDFB/c+zcJPhriPOWLWxkyVpeYmYv0Xlj3/jSy/+6dH4F\nFwbRj9rDKXfOi6DrVI2SC/FGaov0MKUbcNFQWu2+Fon/Uxvo5W3bAI4Atd0w\nzO2BEc2adC+UdaKMnowMtTLjroKSPtqB7LjLRP+MpcRt60+ycwm3H6K1tSWq\nNmcLKgI1KTfA/QzpPpmnzc0YtPDhWjF+htZMTUVynsu/gdLr2P2NA8Mhtc1i\n9OGEno9J93XlPGeAuLuSu3xtcZYK3dZopsQb0B3i9Dnhw62ehZWYFNq3Wruc\nHirxYs+e7uyHqD2PV0Q6Q4QxPeO3xY8yEL1pIHalPvpEXzwNruQnVN9K56oL\nCQ/vWjkj/9ctUvfdpfGkETO9cKowKd8CaRzbcGkqQqO4SdGlz2eJk0iTkqU5\n3QtOLsH3we2Zixnm1qtaeeQjpzF9Mna73zgBfa+EAv4tW8kbUBe14UMnPSMg\nnCOu\r\n=19Hi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.6.0-rc.4"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.3-rc.3_1539670807427_0.11948412994283775","host":"s3://npm-registry-packages"}},"1.1.0-alpha.fdcbf941":{"name":"primer-pagination","version":"1.1.0-alpha.fdcbf941","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.fdcbf941","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"c5698250435ead17c5d79343d8180aadf9e722f2","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.fdcbf941.tgz","fileCount":9,"integrity":"sha512-vGP8L916ulSPH7Ci3ChUrrjgFjXMld3UNem7KuU9mBNkgjut+jqTDGgoLMhj+WADP3eIqw+HdNgxfuux3BLM4g==","signatures":[{"sig":"MEQCIHZN4sjlnmvI7/b28kWQTyEmTFNdeVD57bR8KRhf3/OYAiB+S70peHXv+6be1QFnstpYwg3Jtgspyw8T0kkhn8z8SA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbxk+PCRA9TVsSAnZWagAAsxIP/iHHzU35UeEZMPT0bebG\nWGZZSLCryPCfbmzr55B5clXdhw7701gqCEaiFJ4o4wlfwiqEfTUJHJ4RNuEe\nYy007WaX4ZsZ2jLgFraNoKmCCyOp5HlRTEiwLOIjbj8yxjGaM+ON/61O/8HJ\nkdXl4oS0n2PCJ/c7n94g7EuOMyqn0+EJn/jmNazIrKKjq2zyFC9XRTRCHztk\n8yItUGToI8uNOfFyM+cDHhjnDOddvgIzhzQ/sXmju1N1DM28vm1i1Hg+yxq3\npsO6AR5VFE40y0Iq0+5UqNUatH3g4b0M5Iqr9PK/PoE3f25Ig57Z2O4KMUy/\nHuZXFHF4vMx3OOS2VBEn2i4h8W+kiu386gTAT1QbdpcuHkjS3PyVa3F3gT/N\ndp4moO4saahpQj6n4IcbYhOjWzBb8LqZTERJCB2bBH9dhYuKuQku86i7rUET\nhdBPyaTgCGtO/BOIqZkqmudbvzlxPlShp5zIijo6QWEUEQ9EZcD7xK8mn99g\nul/4BraIdvEfo3cukP+YNOcI9/3awduogkjXJRrfK8965OKQ0g2IzuOCV2EO\nsiWQcXP1aeAu52BQFSJLnNij+YEWYbO303yykVyca7dEhJGlBhMQ9uU3kma8\nbuGpk91Acwig89f9kH5crW2PBGT/X8TFKI4mcs52EOUK/ip2eXgpz2ZYqYRh\nurYV\r\n=8yba\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.fdcbf941"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.fdcbf941_1539723150670_0.07811811268284896","host":"s3://npm-registry-packages"}},"1.0.3-rc.4":{"name":"primer-pagination","version":"1.0.3-rc.4","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.3-rc.4","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"2545fa7e0e37b6df07318c4630d81e18d2878679","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.3-rc.4.tgz","fileCount":9,"integrity":"sha512-mD1++S//1L+ybnIQP/TJVfSRAKjWkO+p4XsejjIPKBEgA+e27hA9rqz76aw3nPLA94pMzxXwLQtPgrJFjeJnpQ==","signatures":[{"sig":"MEQCIB3NSX+Bvmj5I/tucf79vCP56Cr0kU8Q0Og8AvP3AXlhAiAen/tJcxMnGyxqcwnGxXrl5i0SDXZt2eOb8hzYy0E+tA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14548,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbx23jCRA9TVsSAnZWagAAzUQP/i6Sj/BMSOSHplxCtFd5\no9Qjswpm0Ay0JnqCGlJa2Oqe32onkSq4sanPanpc3o51482stQwjjymCvLk6\nEBXuszvFIWoPcq1F9blfQmGT/k5jQLSRJegPB3v2IBS7xsC0uE1f4SKcyZUH\nMxE8vnhqiEDh5pN5zBUA5p8LJZR+iBnzehXSwnOG6N+9SXPY8A+Jn0KANqoQ\nsOWthGrZSBf5/X3JYGTMZ1uvl1rxfxnF/vMRmHcJxkLY2IvU8Pub4Yt3fFnS\nFEuuU0KjZY6gZy81dlCD/4EokzF8aSSGi5PDhd7KAVntKeLEjB3B/YWwrh5x\nsFK29y467um2GeQqK9nToJuTWhQqz6gIJqopkY1Ij/BD2YzmcnQg3cn9v+ox\n6ffyKnVKDPXO+yEGBDQCGx9pGeeHRFIAq5AC6RIZB9K4P9ePkpdiKfHAfQTM\nIJ//eMa9taeMEtigEwqZnBbloQIb5qp+fvOqwTuX4HgzPTsIAMTPSqGf80Vq\nR4R0N1r9GPcBP4Fg9thprLM+JmYz2mCq27m7rcLeUVTT1C41a7dsgMvlkfib\nq+ms8WqCs3uTvDPb63efy66wnAQTXfYblJEpmNeIxgwB5s03tdaNHGMiTNxO\nRC8+okf9N/2nTZF+7+w4K0MHVZKq7O+YpIu8wVn4FskJBr4IQbF3xCOJLYbt\ndm8D\r\n=d7E9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.6.0-rc.5"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.3-rc.4_1539796450702_0.6514253596548005","host":"s3://npm-registry-packages"}},"1.1.0-alpha.ba09cbcc":{"name":"primer-pagination","version":"1.1.0-alpha.ba09cbcc","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.ba09cbcc","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"7da710c0ac4f30bf9686cb93fe8e7944c1c52312","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.ba09cbcc.tgz","fileCount":9,"integrity":"sha512-MA4b5b/oR0GX9nbeG9oQy9RycELrT4x2CuVYc9jU45Lhp7W2SLZV7L0Ho42HbLoE/r4OcXkYG6xUZz4c5IaCTQ==","signatures":[{"sig":"MEUCIHL/o2mkVgMMQXEgk2p+rEBzJJr1o7ViA79Zra/8d09KAiEAnuktMPS5vhKt4OQHCWadh3i1n1W3CZy7mI/EdjGrrAU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbx3EtCRA9TVsSAnZWagAAfb4P/3l/0IeughlEXZXlgbfX\no+O5YNN82VqVLCs6u5/uxB6SpYP/fG9GDye47YPb2LHc1GKQ7yR6QE9hhdCO\nqCMwCdFEIudpijV4BcmOB6STMLpaVMgkgmevlGUNQ3rK+ZZheeCwmRolouox\nU5FTFkJygskCdOWeW2p7OQ0rPbPqCGxuASCh1q6lf3v7k9+cZjf8uoSZS/Sc\nPuMsdaC0r3evPh8mBgZw5/qbu1Xdq7mSON6bWsUObB0vMwLWFZvw34NuWBR5\npuzAtOePnZzwX+QzoBUg0K3fKX5j+DF4S3DeGdoNuGAbgi3BflXJZJnelTH1\npCjNv3TIsI9beD0MjYPIeAzDE34z+XSPNMlm8VMgePyXIf2RELSqWvlzNOcH\nXeafkYksZxxj4tsw+0bFmD3rrIg2y9dv1UReg21v1HwrL3hzDfrumIDl5prP\nKGTkccCwbdcGoE6Gqfhc8zOQn4T1EYMkincj97dLVbohJSqrubEjG7LzCtME\njd3eXu5Fb9QukcqqMU24AIT33IvOQKpby0QIcQkXv4jEbiDk1b+Q8f+cP13R\nFu9EbhPzWqH6HT2QaxSmoEam+pqAyMQSt7U+V0Nn/+6JcAwdHH3jONfOdJJj\nOf36M5HOiWQMuagsLfRFJUkACClMMHliPm22iUcKf49Ncmtnkn8mcdnPhO3+\nSuIV\r\n=DM1k\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.ba09cbcc"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.ba09cbcc_1539797284170_0.45585781761991573","host":"s3://npm-registry-packages"}},"1.0.3-rc.5":{"name":"primer-pagination","version":"1.0.3-rc.5","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.3-rc.5","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"2e3facaa448aab3e04b8be1649d25cee6c975d0b","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.3-rc.5.tgz","fileCount":9,"integrity":"sha512-QiZhs6llEmpbsPH4ESiBwZEqwnT0nPmplwE5GKSgPrGR2PhqKhyAMvwLTp2qhlBzBgvq4Ig/Ja362bX4M4zHCQ==","signatures":[{"sig":"MEUCIQD6amO6dymzuP9bR778PMWFpHMG7bys26Smra5yWFF+EwIgPSS4d4Y1RYG47zq04oHfOykdCwcIvqr405J4VaL2Ysw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14548,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbx4s1CRA9TVsSAnZWagAABn0P/3ctK1ecEWBNQ0kz+V9I\ncpod0pyblk20Kni1PGH6vl3Uhz0r0+rh5RpMWLYDB2dSBjcs2rzPf6Nm5h/Z\njsI+ZoKkKWXaw9U2nHW4YE81Cle57ncRU1uBWVFhV7ZbVL+xUQVQ/xtBmGBB\nyJFCkc1FZbco9wgSr0eeA9mdNiSVbKa21TpCYDUshThaN9dWvAOTy+LwAORh\nbzRDEpIjuixG243Cb0kNELJIal4ocmWWuHdtgkrmxTXnGtmNrYy2oN5zFG/w\n9VYfFB6VxulfByukCPJGj5eXcEE7cgIjjdiZMX+zyxirFPyB+yW4OSUzea/B\nHO8weow/1w3NxIM3/ez0gk7/lWxlnqneTAlgX5wYtWOk3OfWp/DZQT/d4gcn\nt38mVH6MebqqVpEZYoJCQsASsRO5Q5Dlla8XpTtb3JU2PRhi7dzlTKSpHECo\nWh2TAmK2O9polmJImJug1yT0usuNKxhCYg52PD9soFtyU7xmqBpSZlmXEzyE\nbj1CzZ8CVzUdCHEbSWfbdR7FOaGVPtGPHSJdkJwNd2xWf0e+AWvSRwjP0GZu\n5t9bFkc1+nHLVG3kgxyhvWUCIx41370ifcuegzVC5vsMxlkn2YpJHnCapWEs\nzSxeEtz5L8Qg1+oHsiygtIy3lL87qL0z/knDVjRMm0D312ZDRao2F6UOngQx\n0PZM\r\n=qUZh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.6.0-rc.6"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.3-rc.5_1539803957035_0.31854423923175124","host":"s3://npm-registry-packages"}},"1.1.0-alpha.a8b75a13":{"name":"primer-pagination","version":"1.1.0-alpha.a8b75a13","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.a8b75a13","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"9f6d2eb9eccb2ae9f4fffee25b1c0b098e2e4b57","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.a8b75a13.tgz","fileCount":10,"integrity":"sha512-BYHEMtEl5FMqfD9Dgwwi+33KIbCHovohseRf9+BWIIi8ig4yntfEi8xQphgBUsR9xMOYnOQbsJ42YSnnYk1IeA==","signatures":[{"sig":"MEYCIQCbzzvndi57sEm9L1dkS7iaIVtdS6wrNkqJev4XqYdHZQIhAMBJykzJVFglA5s9mSfdsfPJl2z7jl50ZXeK+vDFWvVI","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14748,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbx44BCRA9TVsSAnZWagAA7iMP/jgcZMa/0gifEDVVv5jx\nfcoW0lVRjzKWOgTlmhjf8DEb/u+19dCaJFUkvjzIn2xrKug96cFNN2PqlPPU\nEmp6cczRZFcNJCId+2JJOZx83u/QDEB0K1LYClyI+RkSCf6lh7nn/4v+5AIP\ntt6LQaE55oh/axYFwOa9KkhsM0xxkDhiFrIW1WpJRq2EobRQ+xNn7fXw7MrN\ng5gwye7IhrozyjQTf74p7npYaYtYPeE95kQORUaEfDp6AxKyKwhf3U6Nx3vy\n//46kfnva3mri2w3+5mPn/cPqay887WP2Eq2sTqs5fbysLSKtI2LuQbnbmC1\nyVrfOIO8IDHtrY7kptMGPLjseT6tb7RVloInPbAXUqUZLAZpBJn+0OMhHwjJ\nvnFfXDGkYBqiiBzacivW61huNRibQhOMhLr3C9qih/idkU77y5NmR9/sUeya\nu3QBEAz7G80Tb6bYRsLAX+9lFhGBYgutHNIUNddOyXfCK6wny4G5xkKkeS0u\nvx+hrahcOpqOUUy1TBr8BNpizKh+QTKXAvNTa0GBuGD5H32SvtKhNI4T3ToJ\nheNwGIxWAzQdtrYYr/BqFqtxWCoNyngcXo+BTgtidTopfZTt3hL9XutYrfOy\nUz5/kQlP346TgNgzex6mNgJz1DoOf6blnGqceWLi0/b5JIU14oZPrmlJqonL\nhh/j\r\n=IoVq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"9f6d2eb9eccb2ae9f4fffee25b1c0b098e2e4b57","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.7.0-alpha.a8b75a13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.a8b75a13_1539804672751_0.8632204397717596","host":"s3://npm-registry-packages"}},"1.1.0-alpha.93e11282":{"name":"primer-pagination","version":"1.1.0-alpha.93e11282","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.93e11282","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"fc51a15e8245d9847d091e3bbdcb989bafd16bd9","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.93e11282.tgz","fileCount":10,"integrity":"sha512-9hGDz7MikrcBdQ8N7xILZQlKAMEZibPRLsyz2JAm/WMNF6MWYqyvkGrhv+2RD3Fmv82ncqdxcJhzDzO0YdMjeQ==","signatures":[{"sig":"MEYCIQCndLXG8PjndbOeRQgj6ug1mFyIkaOi7W/BiTaSaMbg8wIhAJrqJt1NmGIT4kbniOv/zPRJe7bcIurblvVFErefGMGK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14748,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbx44yCRA9TVsSAnZWagAAAtoP/1rO4sBJK8mkpFac+47Q\nvkLW/KNWZmOgmiEsSiS/Hw8l2jvpNF/79RIrSiZjCkJqziAOXtRRUQwYwJS/\nQn9P2QaHcpPYDNAAhzXxHW7NWbRJH5gQvgINW/dMtm5kLFQd8pku9/iCCHZa\nCmRT8K1kaFwfLs01BSS+/j+tf5UlTNUauSCRZWf2YQokkw4Qo8TfVKXpNLug\n0ocSe8/R5L+v/n1msX8wD3mAu/9QVklQhapnAA+cF7fD7c33BY0musdGpQIg\nzt+J+xrF+O1gumcGdat5NC06PUK4j0vM38n2Ox2h+nPHq8q7wNcnUeyKfmE2\nqrwd1kObCVbYmsn0RgJX6wIVtqcnSOMXi6YP4gjNOM5ur6ymK38WQ5YvllwE\nDCJ7BwzbrQ5IXeOuYHUemJcRYyukrtaPvg/ffWlFDcZ3u41VEsvYIysLrupP\nuchFEpmksOwzei8Cosbv9ApCZJRs+I/Ze3Q+Lslvlplv5986tnya5Yazgga0\nPBKrX2h+dN6CJh0lihdGkjx4ttdFnrQkcgHp0aBW8FIHOSYQR5Df6FcLi+7Q\npefwq/NHeAkt3aZtc4Y1lMvW3Wz0tBQNiGCnVp2D6gBWU1CvT4tXHXMzYHiW\njZYwWEiGtw068xm8i5DJI/KAqXrXdo+EfBba1/D/+p79eTd2NM9XSnm6HcNl\ngQ+t\r\n=nWw3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"fc51a15e8245d9847d091e3bbdcb989bafd16bd9","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.7.0-alpha.93e11282"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.93e11282_1539804721911_0.8178611379345302","host":"s3://npm-registry-packages"}},"1.1.0-alpha.01812ee2":{"name":"primer-pagination","version":"1.1.0-alpha.01812ee2","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.01812ee2","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"7569d82ebccf62603dc75aa9995daff6969f0e66","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.01812ee2.tgz","fileCount":10,"integrity":"sha512-XeMfndfxJPQ5XgjVEj+0ZU2UJVNR7jsZ/5YRSvA0AaQxOInqwGqD6+fS7TaVwbNuBWdnG/V5VRenMPw9tzKxGw==","signatures":[{"sig":"MEYCIQCH449HV7/s8XHtIU93PtUgqZygRkoI7RpSHHLIxZ49zAIhAOyjcLeiTpDaq98qENYEYMc8hhaNWaNl/dknVGO7MCvl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14748,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbx4+MCRA9TVsSAnZWagAAtqIP/jd/MVafQ4I9PnzCsoQe\nbB2Nojf2FriKsiQTVzNEYa636bZpl3hqMqs5g+IM7fRWcVqMKYs4W8mnvLHF\nK7PQigJIUBMuGPqZzjQ+ihy0CzqHxhz2Z6fZLfH2M0Zw8tD5WPh5P62FdBIG\nKsgG2F6AhCYwoLod7O2EAvC8mBBYsCVSXzf11rvK1RKQPBArt/2yHl/Sseg9\n0NSsn5jOdbEA01kUC61qhSDnY/AMgpQKreW6QNDR63cFvOtTCeyqtThjLvmX\nibfcgyVSfyCNYg2dzZys4IjT+x4PnCPsBpN/xSNv2DJA7eNyae90pq4sN2Vf\nEXxNxx0L+nV5Rwy9eQriG069LctePqghLE1cVfOFyWTPCHimtjnoyDAFcK1d\nDlOzKo+atT/ntCSpByMatFVqlPAhpdAT6Jr4NzcroCt8SAuTCN5OzE4BWoXp\nrrJKWbrzk6Yyy59RsBw+Z2hJIyfEy/JjoW1cBBmhcEPRc/CjpKbtHjWY0sOY\nI6wF7hDJ6AQwz9ABvJRLcbc1iyPAbmRukkiBcSy0kR4NxZCiKdf2IYIU1SHN\ncnBw17I9KzgzpYpdaij5dewclBvYA7W7hk3Msp2ro7fTbMdfFas/6AY5LQEP\n5Xzkv8/7IH9sfL0LSxsVA3dZ8AYIED015IaccvroCaayc/iRmeDAhIb4pGyH\n9r1r\r\n=XhdZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"7569d82ebccf62603dc75aa9995daff6969f0e66","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.7.0-alpha.01812ee2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.01812ee2_1539805066519_0.14393056799071657","host":"s3://npm-registry-packages"}},"1.1.0-alpha.76e9bd5d":{"name":"primer-pagination","version":"1.1.0-alpha.76e9bd5d","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.76e9bd5d","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"c69914d6eb59c6b855439c8be78ec1376df36f16","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.76e9bd5d.tgz","fileCount":10,"integrity":"sha512-92ba08o9IbxDLv01M6VNWZSQW0u7R/G28F6j5/UjbztR2MOrFq6cokGQKtKgGF0JS30FUf4yD/UHANzX3f1P0g==","signatures":[{"sig":"MEQCIFbtgCA7yZQgRDnmBPyCRtPo1ravKz8g8dg4dYcWnvJUAiBhwBEAsips0pYPKeXTeTclIzngk1xedVBrHNA+9Ao3gw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14748,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbx5W5CRA9TVsSAnZWagAA47gP+wV7z2KqYY9DY1ecP1V6\n4WNIXWhV6rsR3I9VjbQjc1h7DYkWz6A3fy3DlO1dgkuZNS4doW09pAtnLxfk\n2qKWhENyIpoUpw81bFm8zv+8+MLANjwbIS9LEtLODWQgKYNBGSXZyUvUMtIS\nhajPHwENAbMsFR3mN6fxR/Hf+lQ+o75lA0nbkH1CYcz7nU61I2Aj9PP7v2wr\nezHyNHcmCn6bN2qUX9O+1QI62E7l7J9AuirKwD+JNZQS6OWozfc44Ef1zcTg\ngwmQ3GAJNTCoQg1hoBAn5rEo4fTxgKS7KtQfpFv2mUJypwg4BXupMOUlFmB0\nZZNhJYLwgvzLvZrtldaNS8dtT0SLbnkRZHsfwq50nir36ZH10OdlKzEWVtmO\nwbECRTIxu+pXxkC0lPimV4l8yIG3TLBdZCNs8hS+iUqvwUfqSshLyUay2h2D\ntRNVau11T4A9KgszObW+hEkKKc/RBZo9nWu1HkqyYEqF9cC85WfbbyVLRdcM\nVz914p7/WpSzZQO4iX5C73UAdK8OzHIBBgOjjRHBmCysM+yVCDau3jA+8Nzk\nE6A1gka873SzfNPXGcyQtkxjyiSuSg8msfysb7UZgQZyqNrHS0QkhOJKBRpE\nTC5gYjbMUBXbXMlWPav2JS+3FDjgwTplTW9XC7aJX5q2JPHD2PT3KsgYv8/7\nqOJ8\r\n=SvTX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"c69914d6eb59c6b855439c8be78ec1376df36f16","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.7.0-alpha.76e9bd5d"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.76e9bd5d_1539806648525_0.4230214014743119","host":"s3://npm-registry-packages"}},"1.1.0-alpha.56a6d9e8":{"name":"primer-pagination","version":"1.1.0-alpha.56a6d9e8","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.56a6d9e8","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"798cd50276e234f09fb7561e823f969a3203fa37","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.56a6d9e8.tgz","fileCount":10,"integrity":"sha512-hEKHQuTGMTlDiR0N/90KdovoLT+gLzvsbGQm9nfb9dGcXT5n04WK1HWt0xwhsLVm3ea5S5W8SaCdXJkmgFdyXg==","signatures":[{"sig":"MEUCIQCRk4PfpiTztqYdvKh2apT21bbExKKzFrSDv+DBc5qSJQIgd/1+21UqV3RO3ujZujyQnyWOnhmdEQaPHfYw7tQSzuE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14748,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbx5chCRA9TVsSAnZWagAAraIQAIS49Ek+JqTgTdAg9a+a\nAR7cE39/4CQlYxjTyn3oAY25qYyurOJw1FKCTPyDE9q+cLJ96BQEA8bhc1GW\nCmL5iPiUwfYCh3lOQt5Ri7509Ps5xTfJYazhYF1ECGCWXSuHxhJ/y75UPuic\n4soPVFvrdIPyv5xpUm15coGfS2pVILkMySbafPpGE6UwDd7lyydABSeztj6o\nbhLvDhSFv+gzUUFXMkHbtPjoPDrJncIOSjVGUFtSPSKAs5wwr3v2r+JaUDG9\n4UBeW08ZBlu+SB1KV6gV2egi49Jls6n6P7muVniBhMq+j8Op1jnBhw+pMYRf\n30z6+39DJsJChpl0bIxPAyjmjQP5fnVor8flcFqw4Qp1/VJM+zhnj3L6wPDi\n3m4RzKjEgdWA849LAgjOTqs1CBtm2zH/xnyasqw9Odi5ROBcrLkGhX5yy068\nH3sHTBlxmNlKdsFSFq3/FLQVOb7rKJ2f/pZQUvQuKozcP3ER6va0hbddaCq/\ndf7XtzCI6KjOm1oQXWNcX6lOAWuJe24JTkFkoKCihb2xt+3di3r4O1svgt9W\nroUzwboNlRk7rDnXCCaFzpEaiAIIQ+EDUOiOlf0yhjR8q+YMox1n1oLmt52j\ngliV+260kIKaTHv9+D16YmVe7oMn0G8cPaW6wW9O8UUHI5jbxfXd5e3+JpNQ\niqjF\r\n=6iyK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"798cd50276e234f09fb7561e823f969a3203fa37","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.7.0-alpha.56a6d9e8"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.56a6d9e8_1539807008620_0.5229622117876287","host":"s3://npm-registry-packages"}},"1.1.0-alpha.d2876be1":{"name":"primer-pagination","version":"1.1.0-alpha.d2876be1","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.d2876be1","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"00258fc137e815e2f00887a170522a17d67f5d3c","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.d2876be1.tgz","fileCount":10,"integrity":"sha512-ksnbNIuzjWjLHjGA9kCgbfUQnsRu3BfPj9CiImgOh2ixYMeYjBnHUNCcQ9goaDOGa52cp7QWPbUB3hJuejqW9g==","signatures":[{"sig":"MEUCIQCHVnBqobpnTRhYKWaUaPUmVTbT7GLQLYOU7AkTNDtyKgIgUyBfsrmHLaYVDOXQrvn+6wR4PkY5D/bif/tlTdLDJqQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14748,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbx5x0CRA9TVsSAnZWagAAxCQP/juITnA+kt1I5a2kDsQv\nvU2XfXkX6jaUubrL1mLcNrEqENOFeOsMSFJLCtztHCAE9vsAYpz7uTqIawFb\nuUwxRzEU7BgXbsvRaMu5tvenq5M9wJl/4R/Y3i03UIKH8IdOpnr9sDj0Fh5x\nGilNcF9Wq0S8qd7PfrPySWuTohv24qNvkW7xUAbqw9iLT1o5dqR3EAeheg/z\nn/C7EZvnBP9ENQpgsbxYiXeN593/mkFIrFOaJerel36FW8IyHDYfbF4CVkJO\nrpnNwgfCYb8+ErTmBE7BFdVhRrMm8rMNU/MMMq5xxmZ/q2+Kk3HMiTAgnD1a\nQPQArKAqUL/Vuiqrk6eaAroEv+VnMdsUUED84pqwRQSJW0T+/OneHyLl7HQk\nlCTIssMJueXEqQ10qy9dBwgmu33xYevaK5RvYSba8i4sDfWhoIFfHdl8FL4B\nUTXJi91HY+jyiiv0vWcamO05HY3zlkoSJN6tqfAGohplZc6snUhy8i3q/HQB\n6xkK6uIVx1jfkpOWRSfjWqI3Ru8raNWCFLgx3+4h2aD2B/uC8YNpltAymAWb\naJ/WobKmRth1ZtYDHD+zXM0qJL7X35XteGRmby2o5Js3bWrwJNplSe/Kg7TG\nycWO7I+hn4idU0PTQLonguTwa87i35Xsj2xACS2FAxIletuGZr4Psvee3Eji\nAv+Q\r\n=PkRg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"00258fc137e815e2f00887a170522a17d67f5d3c","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.7.0-alpha.d2876be1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.d2876be1_1539808371422_0.6394901755146745","host":"s3://npm-registry-packages"}},"1.1.0-alpha.8e9cccb4":{"name":"primer-pagination","version":"1.1.0-alpha.8e9cccb4","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.8e9cccb4","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"95912b0078d018ee52785fa28e110614cb675b5a","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.8e9cccb4.tgz","fileCount":10,"integrity":"sha512-9uwk6/TpQdLFY77Ar+yS+ND/fvBleiiFc4vfxjvOjptSlLWWSpxQx+pa+myOOusnUehmLbIQsZ1FWZwUqTGveQ==","signatures":[{"sig":"MEUCIBvwMOazHMtoWprjji2dR7ClFdqD8QPpVv8FJQ0wejxsAiEAi6HDNYMViSM3NQr0/es29QYxnmUugA8gwfuF3wktjUs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14748,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbx57SCRA9TVsSAnZWagAAxdwP/iiuElQSkPga3CzJv2H1\nU1RWcvczMDLee4ZE/CHzPEY5ydb+qGQ+RwYf2eS+AEZa7B81i7P7NWQDdBXH\ndyMYtUt+UdxEHCKeQnusyner+CJxqd4SINHWkUt6XfIt11U2jRfly64EmeUy\nJ5TEOAOJIF0IgkFTw5nXaVq8Z8PskExHj8FwJ353ago5f51sSkiP5mpGPblx\npA83foYv7NdDmGUccZqH5IkJmZrIrkQEFZzEvTQvqYtaZeSwEwiEnzskogjS\nZh9w2JTEDH+cXU8T0wBpYHzO3cw3dV/q+GSoz2oA/thEs4tHlTUZOUJeWoW3\nv9K1B55rbrNCzhwhrwzr+XZfGBrXa3vveiQ4BIIIhOZj+q0WZPIOXCMmKF9y\nuI4CgecYK4DakgoESTXeyqUMxgwIlZfpesdFxU2psQQyCZaD6n3VuEDLRw0h\nPLJFsa5RNX9L3S9GelFfs/myfpIOxWqoBFzVmZ85BZqf/ZKws3g+jBYyzs2K\nlK+cAkskXeB65pueCi5JbRLIchxckOnTLOayZBrZME0LJRQAEMrpfF9EDvL7\nxNLVY/kNRzvIEdryM6IffY+XmtzJ6J/o7dTw+ixVFAK93zUt8FZedICft6Uw\nENSGFLaqHWgFVZkHfLECGzKxrmQIrFHlrr1AeEzheKvxy/faTC7/h5E2DGJR\nUREj\r\n=sR+L\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"95912b0078d018ee52785fa28e110614cb675b5a","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.7.0-alpha.8e9cccb4"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.8e9cccb4_1539808978102_0.22649640595890452","host":"s3://npm-registry-packages"}},"1.1.0-alpha.9cac3410":{"name":"primer-pagination","version":"1.1.0-alpha.9cac3410","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.9cac3410","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"535caa373c35b69ed7d082a5ff62af9cc790d0ef","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.9cac3410.tgz","fileCount":10,"integrity":"sha512-TSYJixZlbeEO+4IutIBC15xA/fX8b7FvqczTm4V6D7GN7J8s7Zd69UK8lc5zSTzNRlk2AtG2GE1HG6SynZwabw==","signatures":[{"sig":"MEUCIQD2g/32INvxxoahKwHJkfEmAYuKtd4ec3EgkyxV+DDCegIgCvB6mx1Zp1dDuQJ1dZkjvbMPwG3GIvetYfYjMCohpF4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14748,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbx6H1CRA9TVsSAnZWagAAUpoP/in1iJEFO1fNFQ0sKWzU\nCyxYbkw5nTtkWSRvoI85tZu0n/5BjLT3YBoeukTFygDCEop1dYEBuLwpUqQ0\nALq0eFc/qml5l/JJF2qTdzwovPrHilzTQtkp2cGyzqX14XIYliAfSaZvctFn\nnLhcABPHCsja7xehgvclwdGyEqBko1kSJsQAMeT3X6446Lo7bttUInopsKbs\n/HPskKAMfyv57E5QpK97CX29CbrtIVLQc6kjO7EC4dYrqyeigOwudLhQ2zNJ\nz0lANf4RjXhnMnSny3L/w1t7VZz3uXZnjbfqtf7TPfiY7Mv54IxCctliDLbv\nDuhvLWD32Cx2nl+9JVrsD078DNc898QhVhFszH8zio/YxHvxuoAvc34IZFpc\nrnxo/z7K/+n+HM3V0KaCUNWor4g2htbPJPgPUXfMe3T5DmUjKRPWqHTZ18Zo\nFG4KPmNTcqpuxa5q653KCS2uEhFmWrV52DB39hg5ngk7+a5wly/Qxn4/si+j\nVbqFJATp3ZFGVjoVkeSUWOVDFV1YokDZUl131IkamQzTJmovypCYYlGneyNq\nlcYbbTgLwxZfNPouA3OfLjOcAGaWKg+NwflWL3HteoVzwHbAPtUC7wiX9qq/\ni72SL86qGe/Sa0tmk9uudMUHxMTfN+VDwI+gEhqkHeWBV1zYEiL1GrIpAKCD\nj6CA\r\n=nLVl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"535caa373c35b69ed7d082a5ff62af9cc790d0ef","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.7.0-alpha.9cac3410"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.9cac3410_1539809780386_0.013431144966914","host":"s3://npm-registry-packages"}},"1.1.0-alpha.9b72bf6f":{"name":"primer-pagination","version":"1.1.0-alpha.9b72bf6f","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.9b72bf6f","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"4913744f79f39b631e365cba70a4761553a20c3a","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.9b72bf6f.tgz","fileCount":9,"integrity":"sha512-gXStDMRH0diZKpe3Snmp/wQyCQK27zJmMEcgjQWpj9zlilbi5Ofd9GrVRBtTkjW0ZAa0f/wOB3ygcFp1Qpcu2A==","signatures":[{"sig":"MEYCIQDcTgulRoYwjHvh2qHuklm7l8eKUWhU1TXSjC0SFrwIxgIhAPjFyJvRc2iR0J+n78grGNhy19uJoRXmvhAQWcL7nd4/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbx6J1CRA9TVsSAnZWagAAncEP/3H34QwmGcXVAowqC7Kt\nX/PggvmiXJXmGpsLwFMpPmdrWLYgwsg56mYbLfqSc5GJliUoU1aPlrM/Rxjk\nQdLwS+n29GhuxuNOx93qWd88Yx7IimhewZ/kCsALp15s387bxOmwnlW0EG2k\n2llgg3OIb7h2Dq2NHU0U0Cd/r3NXjt8V7eJF5kFLi4rvRIiiy80Q0oKQlDAm\nXcRQJTH3FAKi7HskrLY1Ab82NQ+JLVnVfIXbhSUEaDsbq/c6gaZxXbOwHZWQ\nzJD9Clm5Yss8COTgG44y7yqa84R8aagpH0VUXeZpfSjtdI+0LRz6q6PKkTGT\n72FIARKD05DwPffKjpsDPWvuDgunDGIJeNYUpcbGcGxQGasj9WntunA0emmA\nS4JW4T8R4R69rG2hLYultkG2oAv70Mi5/R5iZE2dBHpEc8wCGJun8ZGjZ41L\nIGCtRTAMChddUQCw1VKDf/o6xuadrxjAlQO5NcM87RFeviZ1Hob+rBHMtpqT\nq+phFAt+YjiO71j8/wD3b4IbbB5RC0y0XVxuOw/vu0n/k21ZN/WG6twBAkc9\nkYG7jpkW7olgsx2TkNm5A99AXVFDXyvlZaMLQZtwazEM10kuzSr5VoU2CUDM\nw/fZIeM4MhQZq9bNxBwXg4WtN1FwqxetW8QcV8pdrVHLwGLuQlEXBIxgClct\nYEih\r\n=yHGt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.9b72bf6f"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.9b72bf6f_1539809909166_0.7285965969555546","host":"s3://npm-registry-packages"}},"1.1.0-alpha.3c406710":{"name":"primer-pagination","version":"1.1.0-alpha.3c406710","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.3c406710","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"fc7f8dadaec0ef5ddef63146bde01aa0d158916f","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.3c406710.tgz","fileCount":9,"integrity":"sha512-QdyYRBj+RXQWynBp7taXDYt27PycN55qvFoao+TlftgmMsQVxjxOPL+AmFx3ikils0i+GnhnnWYmoIqKeUZNCA==","signatures":[{"sig":"MEYCIQD6q5wVpGLaN/cgaH/cQgshOJjJwS2V4nYNZFz4LF8EuwIhAKcZ5MSovFlxNHV8NHCYFK6qVklk6vDKC5OD8bjEFFUL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbx6PoCRA9TVsSAnZWagAAXgAP/2QaYAdwDTSfe//IamiF\ns0AF0FxX1LrXOsjkZHuvm5UIcG9pZD0Zd2PI6uLyacxskHOmdhx+yqLdq3IN\nQgRP3cDBs8zH9OHqFg62qdQX34mG/TnGFYrY0jr51GzGo9JZBYnDJuPOEbKB\nO5ZGZGN3wCTsqsi2znoRlo0sflLhuFEg9fgX1hJhTZhRz04Uym2SRcKX4dK/\nwOSwisjQM8hrNgp4Sj6LZIgYRNs5sv9ZmwhVvoalehTO7XZ9KYjTdQVieAYO\nTbsYZsKlMs4inrbdnjwrzRhyZtvLJ0bq20Lsi+/svzJs5ROcKM0NGq9UPpYQ\nn+s7S5eFf4ESvzb4BpvFlwTivj9cuqwnQZvyzc2PatDpNQoBmD8coTRG0Zyt\n+N1vQ933qUPyrAV4+gzhsJoh2JHwXG4pBw/S6Xvl5DWO0Is9yyfuZBP5uVnk\nQGz9ZqG4sA9MO5AYwHDrfwSvkgt7pmUk0RwA+BcyTtNdiTB6E8rCaipKGEwz\n75ooA58Cv6jbL8EIqNQGK2J70QFBFoj+8n1fsHBWGpMPvxINNJAXO1U5ASa1\nouHh8j+eF6Djd7mYldHrSG5sOaIOJWsDu5aOHDJBzvYREoxndcjkcSDiHkeq\nzAviHkoKFTBm176n5RYw3L0sH6EcM7MlwuNaO+VABiBcwejs+ppWgKI85rNI\n2WBV\r\n=HoX9\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.3c406710"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.3c406710_1539810280198_0.12796847581607862","host":"s3://npm-registry-packages"}},"1.1.0-alpha.1938ff24":{"name":"primer-pagination","version":"1.1.0-alpha.1938ff24","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.1938ff24","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"9821ff28a4325770fc3f16757e90e25978035b27","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.1938ff24.tgz","fileCount":10,"integrity":"sha512-9B2/YOOPfb4bNJv2I3Xkz2ka6ZVXGxpaPawtWlis3HrxNcpPLdnbO5YG2Jr2oxPYPxM8N3WRZBjE6GUrOBAveA==","signatures":[{"sig":"MEUCIBiA5uv2Je9nxHbmX/9wT3EGYvIoODxg2eNQiTCs9D4OAiEA3KZW5rbHz62ORCmaJLHuU6nS62HjsCoPOcIx2ecU5wU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14748,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbx6VuCRA9TVsSAnZWagAAMdAQAJGWuOTvT+p5+7N1jwCE\ncBQ8Z5PgH4KTgFMvaujhFaMDJKiZ7/ZUJ4Be/1ZyFyLTQ2qXZgFStBZxhWR4\n8UVnOHyzYyD99bxCmQZWSU7z8iBDoE2AlkvIF/PjPdxsxthevSckvBz39jxD\nzuTLfMdQ5TAUOeC9TMuRr6Fd/Ctjfqw5jGQRkKEUCekOkIJBpdtFgF4qRki+\nz3HPY0VqNj30h4zhOlDZBLdmDsMuniok0u0jn2Y27OsuLcombbGsNc6hnDlT\nYSC77tPK0KTS3AqSPH1VQ5nafLNFZ8IULIshVzkTDNoEZiB5AQxWUqv25Umi\nM8ff7kfrvGKnnJwk+JB5WNWp14shSTznP4Fi6ARoFHYJGjrJ9YOpc5Ozs8jR\nvKm7ieBqXn1S2y074WtTVvgaON/CPHpRLd0RerpelOx3MCO5h9cVZjJFMzNP\nC1dh5f9S2ZvabBbh2nnI4qK2rpmUBccP7AngnIV9vpXpUHx3cDgr+ZJ8XGuw\nrYYTvdcUb9tEvHaf6HgzFmJrUY52P2EgYaNpvl0uBXqwcReXZTa/OELeatBX\n/EsPgCujaQcwGs1gvLc1bjWYUIuS+bnNTX6OEzajWwehxtzst5aVXvK3GzMC\nsWWJwggfkZUwFhO1HrQXDNaDtLNgeVXws07CFsBLQe4eYP6aekyITmQd5VMK\nK/ng\r\n=NoFT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"9821ff28a4325770fc3f16757e90e25978035b27","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.7.0-alpha.1938ff24"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.1938ff24_1539810669789_0.49737282485827095","host":"s3://npm-registry-packages"}},"1.1.0-alpha.53c93082":{"name":"primer-pagination","version":"1.1.0-alpha.53c93082","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.53c93082","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"56a0245346f8e455dc2db9ef24495451ba447146","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.53c93082.tgz","fileCount":10,"integrity":"sha512-yD7oXhtmgReETk2s0BWXBAAPDflUqz9kKrBtrksHVNXFM6MwHMjUUgL17RxJo1x3fQycVTjk9cypbHxGW1dd0g==","signatures":[{"sig":"MEUCIHSStomhsqy67ZkwrAxP/yZ39ocfc3fTxAuam0WydF7eAiEA0c+59a8bPfZqkzqTYSlDAILB0rZ/FdMGIXLx50y5v1k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14748,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbx6g/CRA9TVsSAnZWagAAvVYP/0n4t9TG1+/CROrW3oUT\n43QOp6Z/ki95x+0g/MP+AlSVa35GilvQc8NDXlP2ZsKBG9ZgqtMwB4Be5lAs\n2feCU8qTMsNfSm7dZElI4JeaBFiGKfC48q4cfwbafvVHJcxlAjqoOiiEBxes\nNOyLihqxA8/LMRvkjX1kygg/IjhZh4ASn9yIhbaUCHQrw2XLtn8PEgcdCzls\nyPL6RjG6Ny2p6+mnSiHPYAgYA/PHXA3rjmRIbM8ZpxPN3wGig9nGiiXj4oeU\nWE5zD5q8k1D9Op+2TU98n6rkzPzHRc8WLlkLInoRosWGWsFCC9L0pfIf1Fww\nEpcvhNZ3QaKx1xf386CBZHfsdNObokHY2rPcPa7hlEdIEnM2LqjWX1gOaAgM\nHjaqdDZsBgAcDrrkJDr8rlucz6uqtKlCt/A1V0hCxDCr8hc1Gkdbf9h75ooI\nZeGs8UNC3KfWkZvRQNT2J/0urRysOEgSXCW2E4pbwwULoeMpmiCuIN3TC2yU\nifNV0S4VmVr2siCN9TbvQpz8NTqc/UEiV/eVWlhjW+WysLXAqw1NyT5aH5BR\nEx2p1peQNJLQNu1KgYRcnf6BeORTJ2yrctOVSHPt5HlI+1QEiWKM0CXOA8XB\n5+fHSHDO+DObLx3j0t0wQg5KYEDVQb//Yf9kWrUC7FbmI2bEeliROA0Dgym6\n+GwN\r\n=FKB2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"56a0245346f8e455dc2db9ef24495451ba447146","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.7.0-alpha.53c93082"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.53c93082_1539811390858_0.4154333982868541","host":"s3://npm-registry-packages"}},"1.1.0-alpha.0f5bbeba":{"name":"primer-pagination","version":"1.1.0-alpha.0f5bbeba","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.0f5bbeba","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"3fdd2ba5dd6b4f7a24093bc991b0b2ea7beb142f","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.0f5bbeba.tgz","fileCount":10,"integrity":"sha512-Cvvmt55/bH8eHE16iJBJQVQ/lJJz6x95x6mbuS3CuLyiRRP8drZWRE1nlMFUBa75W/n7/nyIa7iL+gXRzeW2wQ==","signatures":[{"sig":"MEQCICi2O0joX4uEUBQUu5uhplCBI0R/Fg2utJXJy22+h0PfAiAWrYVlyYHtB4O+jpzLgRwNntyl8thBGU+WEkQ1Ov9E9w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14748,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbx6o+CRA9TVsSAnZWagAAfswP/i6mqp85rB6TSTE2edOU\n+7pCmAGiXLppdUegFMEmATgMSsaeXmSvChESDLdiPFWB8kTs9RYT6L8wSUs3\nO83EOSkOX0vWoRWtF/nt0Bt5gdtIEIRUoC6G7oG5nZK+GnDmQfSWSyXyXKxo\n8Fu77pds7n981sYKTSeP1XNvyK6+wIbSGvNzC8sSupJfd8peXgk0mVd6VX/1\nUJz6s33t/kXVnMR5/UDsbPwfGnynHSDwO5RngDrKG7mbJ6mkidV7gpwBTuZT\nH7TFhA3+Um1TkGtnC29O90iJZrnem/lcXDTfvVweMsw3oTg9R7q98Q63ZBrL\nsnium5O+oxkbqCCZpT6os/O7+vualCvPHHXNMmv5mXc0BxcdG+B97qJSwC8k\nBiUAa9nxYdDvxPdjhQOe965XBmR2lKN5qci16qMuxanupAHQOw1uhhd/UO/0\nIWW2xe4O+hiAPZsfALjKB+0E97QHvPWfLLTd3JaM1j5wy59hZeZL7+O/P9dh\nqWaWxZVawwq+4AlowfvX55yW1rAVNRwHnDubWnnrsjYhxTdj4mwcdbbD+FjX\nQ4FoM9JBb3YVFj2n4GOAij1WyHUTLs2hGoQwImuVy4YTfSDa6gUefk+UN0xv\nbY3NaW70fYcHfz3rsNMNotakaD87as2aRti0re0CBZ+erNfEONdlV0llfhKA\nIb/O\r\n=i+II\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"3fdd2ba5dd6b4f7a24093bc991b0b2ea7beb142f","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.7.0-alpha.0f5bbeba"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.0f5bbeba_1539811901462_0.0485475141087095","host":"s3://npm-registry-packages"}},"1.1.0-alpha.c29e3d87":{"name":"primer-pagination","version":"1.1.0-alpha.c29e3d87","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.c29e3d87","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"fe5abf9f319c05d560f76ec1feacf005e0ce3667","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.c29e3d87.tgz","fileCount":9,"integrity":"sha512-TglNEH9zfJOcFzCBRPefxeUURUEQNhFpNS5p7nOMVlenqg9Tb2ZDYi6AT/qLvSvWGbzW2k6E81F3VdGQVhu0rg==","signatures":[{"sig":"MEUCIEUc5D6GbHkRB70atiPbNF9eqlz/9MxH6psGsS+cih6LAiEAzYUiTNppUX/STGB+xIZIu/WuTIpQBXm9feE8T0xuZ3A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbx7CRCRA9TVsSAnZWagAA/UUQAJ8LYuLmd1gcLrqKhkwB\nDjqLDptWJJhqBHO9uTR5G7AgZAMq0n4NxtE05xDo/HEroGFALU5N7vWmB3PV\nCLBYjz75NfEGM5Z0er+UIJthuyp5d/bPYGK0ee3LkBdc3hCjUYb3lQv3EWuL\nrWfW62RmVrR+6BgBRbWLXewFMb5PuOn269I8WYQTmYyFBnBofcEOO91m77iz\nYJb6VO3zKbnx9/UcMe4zNlOKOjbbWIqZHuMRqBGy+ZuwG2i7OaDuAvuJPut5\negEzvxVYVrxE4ey/nm2B2Lin3Dd2JxC1l45d1KVnEk5P01L6/uZAj95ppvqm\nYdCegHCDGYC1D/tSJjtmhJnCevba05SpcOUaBiEtVkxxLkCW8ZTaVFglkI0e\nqMrwQY9vIn2nf0cuOVKVJArQT0bTO+SKgwMUj2n+aeUIxLewOj4kdszSXsCy\nWA99gd1HcbWlSqP2VPNvj5Ymn7m0ZBb+N6ktb8JVngqQfZ64s4gr47iTMo1v\nfqJkXZzhir/fYZNYosvn0n+axUAhGh3Lhq65eDymsgIdBE2qWDeB5RYPowBA\n5Ij+l41lIymJCX8UWVl0UNdstx1YLNe1XUP3vAxVV5Erddi9onG/BHa//gls\nkyd4/+ajPtzNFtlyi3/iD5MazyKWCHy9Bf4eAO1GllmDDxaiEqLLNIwObPyN\nncOz\r\n=Yr8U\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.c29e3d87"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.c29e3d87_1539813520728_0.589131035261754","host":"s3://npm-registry-packages"}},"1.1.0-alpha.17f5537f":{"name":"primer-pagination","version":"1.1.0-alpha.17f5537f","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.17f5537f","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"e3f82aabe9d5abf41c73f1303a77d8c2423a88c1","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.17f5537f.tgz","fileCount":10,"integrity":"sha512-RPPhGzfnZNqNT8NLGhmLYYqexFpOcLFmJHUXW4dr3Ijy5lAKbkoM56z1dB8ymlSyLGPGQyP94ObSsMbDzM6d7w==","signatures":[{"sig":"MEUCIQC85BSzEARfQnbgakVD2B6bUtxey9bszMyYl99S9s87SQIgLq3QnUGSiLM4OnJvqV1SDtSblOjCpW6f2E1b0JYDns4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14748,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbx7PECRA9TVsSAnZWagAAP5UP/0LNNZCTpZn6KWYPni4G\n5Phkw17hMswSALM/P4iUpc6PdeYR16RX4rPwqp8BIKpLyrreTcLQJZ/iFsLi\nD1dHHGSFByy+9wxqUGIx5+gIC5GjFDzhVptQKR6SLaPovrz6THxVzpZ6VRJO\nWeph13JEqW5kvJGitrDBxdhPlNs6DA6dn0xTFfWlRnmDCLB12wg0hqpDM6Bo\noqP+s+7YdKu3awUpEp418thxKjJlGQH96kHi9sqlTKUTc2ggJu4N/5z3UXu3\naSc8KeosXy6+qjj9j8BzuKzCF8ZG7CDR2hcPkUHo29sjb0Sa5OeKL7hg6jah\nb70Mk53KrgOBXmzlyqVct3fddpth+52DseIZt6dKbmXe3umgryhVzDuPNLFW\n7+123xonYSt5hqsvPSGBfjObTibxG1y1/+S5K3Bq9fTY2ZKmKFhzx2uenqHk\nPyB0LdPZjt48iMiNDyZNonItwzqrgHH6s+bc541Xx9g+9DcoUA29x8AaOj3+\nd8XlhUr5fx2uToZa8ludVs3d0HrZaoTt1SljtorcDi8TyfVYWBTCzPDFqZGi\nvHFjFkfFl5F4nvq9xLbtYjU4cnxJYFPuYaTS9oVa1Fups8ik8y4fkS9ww6Ml\nIuLtGDWSfzwNrIXC/phz0GX58LF1djSwqomDmc7ytzntKrS9Vcwyt+t1nZkb\nLB/r\r\n=DWAO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","_from":".","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","_shasum":"e3f82aabe9d5abf41c73f1303a77d8c2423a88c1","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"4.2.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"7.10.1","dependencies":{"primer-support":"4.7.0-alpha.17f5537f"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.17f5537f_1539814339308_0.9561721569158541","host":"s3://npm-registry-packages"}},"1.1.0-alpha.b67f7cc4":{"name":"primer-pagination","version":"1.1.0-alpha.b67f7cc4","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.b67f7cc4","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"d6ee68920f65531e4033a544bb22b1c15ae5bcd2","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.b67f7cc4.tgz","fileCount":9,"integrity":"sha512-OkE+SfYKe5q72ds219VaSjkHs6YjeW1ngEeBwNIgCtb/n4lYTNCO1tDCmVtyfjQBK2eCJoLgmufbL1TGZA72Qw==","signatures":[{"sig":"MEUCIQDWMsWmRQbxLzTpitPvVdUmPHInCzd7sG2auijblE2/qQIgfxg6fJbRytBDhAr7CasHEWSVAJpmK10z+PHmGZmBANI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbx7X8CRA9TVsSAnZWagAANDQQAKSvW/jfwzFwsLD+9vft\n1pNyBb+QyOIqdlZ8BhJmaOf76eR+Np5PE9eMaEBrmPzff2AmNODqZg5qNT0s\ndGxFaJApUcl8yb1ujFNkHlnmCJXOCjW4DFxEx9/nBQHqCIMiafPn/7RV5m9o\noy/E8wrF6wd/JonefdAqFmSoeS2HcfD9bzQk+RZHf+AW8J/mf7OZ+YbASGhP\nMbCQraT3SP+gMCQihHiRf3n7lltKIRuT4sG9AUA3hn8/vXw19v2hRZFhmwpq\nL3pWb00bElilqctfFWCKoy8QAFRfHoOQbJkn/mhYN/sKVI2EkWQcUKkYma0L\nrwrlPchm95O0ejQ+Ey5HfR2ccKN+KZdpdIx2mblRf25wZdyQA9CCrhO2alT8\n87OTuG9aCEgDiHIQJkIJF/4g1CfKq0CzHl/d471EpWqzaHRJJNLLZHoMMhJP\nJrxLcqkmq3ZYMWoSpjBl9BQFVtnrhl4zycUDNr16ygjAbzDYQDLwp8AqVXO8\nV/51zb+z18pU1q2cON60vk1eouGM6H64JyH2EYZ6hyQ/IkfXRFK/8lav7R3O\nzSIuenFhatTIfCMirW2UFsB25jX1EwHpDO8fwfZIDPkDCfCuK2RMXc/BRjKa\nfvYutV3rxH2aBKJfbDupS5vJYpk4j69GbLgzXkamPiIzj11Q+Qy+l557Pco+\nlKCt\r\n=VN/t\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.b67f7cc4"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.b67f7cc4_1539814907813_0.364082837442226","host":"s3://npm-registry-packages"}},"1.1.0-alpha.09cd6cad":{"name":"primer-pagination","version":"1.1.0-alpha.09cd6cad","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.09cd6cad","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"ebcac512b270bc7b4258786ac522da7f4df9d666","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.09cd6cad.tgz","fileCount":9,"integrity":"sha512-0LHHd2+332Pgj9X/BoGHplGPRo0a+k9/pJImsftZ1z5LbgOt6k5uDENLcdou5j81HqTpdKUiYPgC6AA9BUnbiQ==","signatures":[{"sig":"MEUCIBaFSDG75OOt9X8ae3xa4E8ykect2dhPM0LABIsCVW9QAiEA3M9WJQhk6QdHkC0Zp/imKqvOJtNXE/uCHNrU3yODGso=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbyLxSCRA9TVsSAnZWagAAreIP/2Gy/tP7v3AsfmidLvvj\nhnDrMw0h5G8gD/RHejU9T1BmKKdPCkROgnyL8ZKFYmKY6mp1B0LIBrLy8smZ\nyebKyNV5P9H4tbgMfMwrH4/okJwnYZWQlT+tarb1aMvs7bPa7h+6rw3K4gvU\n+yxCp99xTBMpNP3VP6cgzr1ujYcQWmxuuh2iC4QSI8sM6twBeryWVJpLAqqw\nUacX8SHoJcy1RDIL6hCNWrg2Xxb80+r/9zeTXR1FZzCfyLJGEb6Ma35E7H4T\ngB7xWjR0Zh3lKUseygd7khfPVomwH5D74Yv9lAyFlmcS2hOWTzj3GMpzIBW0\nJZ2WXFQDk1tyfvP7q1OtTJtyabNubQ+/Wle9Oi0IXJ0+mmImlC9S+rqxbntC\nlMWnvDMoWidGzQ/hAM2COQlfSdXjY6J8drpTZyIfksO2ghOy+Jk2SchPu52j\nPGGQqaCgKnaCprnaNpy437+EF8pe4bClHNTZC5inw3tKG6EePQoP2RzbXOTJ\nbMM85t4x8L4caRLLsVFgmw9g25Lvd3kWnqD32pZw6rk5JPXU+Uu40EIlgXZy\nD98Y03b0twoI8xWs5vHH0xDEs6E+svvVyCzAR7BO7Ka5qf3ntE1F4eVRXGn3\nwtm/eX1zXXoUlQ8HIfEvSnDt5s70G7XaCGooTDH7+vQtVpkhauWG8f4DM31s\nupSR\r\n=lefL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.09cd6cad"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.09cd6cad_1539882065527_0.6718344975418733","host":"s3://npm-registry-packages"}},"1.0.3-rc.6":{"name":"primer-pagination","version":"1.0.3-rc.6","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.3-rc.6","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"134faf596253d8f368523df2ff59ba7fe17939b5","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.3-rc.6.tgz","fileCount":9,"integrity":"sha512-l5cd16TnB5gKu4mQtQNCsdno6HyEujk7KlNRr1hzFz8P+vdrm0Uye3MHQLu4a3aoM7vSFLEOz2n1gCv5wiLgxA==","signatures":[{"sig":"MEUCIQD72QC+xz+3K8nn89gIe8dqFhYXmoHBiKZWy4X0XWelxwIgLvjh44KaZE/1MuqgD2ilPkmem/pM7dtFhFHv9FaC/oA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14548,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbyMPTCRA9TVsSAnZWagAAB58P/3gNT+hDftJjfZjlO0qW\nHYvLKbVGxqkmThOLxRPGMsOHiNK9cHkGJBuh+oS0hkvyFwxlksxfzxX8IMhY\n45ggq7zoIx86P/ie5yMOaUdzecDWE6ozy1mho4Y/lXVixO5QEHhBj/ESCthS\nGunf6jHCxvOPKExsXKDjPprZufli+9F/FWO0rK+UbUm5rh3nqJVRQyc6DK7b\nLxL4fK2QJn12ja84ifJjXhw4ocQxBcu2B8jiflQ6Hz6YUICnDPlO1DRyL7iW\nLXfNCWr/SOfZJ2xZ7MHWerAUmb0MjbgCfUFP7Nzad46/33yrKFvlMWESg85G\nWPZIGrRo9O00UIbxyROMNc7fiXVhwzmHaf2aQX8n6flzC+6Vp+JdkE0/momK\njKGCMLLSniwjcds7trs7V2vCJF6zpO6q7nuglZJjefq/2p7P4+RUhxxcX+kd\ngVsusEsqugZuMCeNcyXmJMjtRsBIubgc/Et31qZ2uAVJvkZrCGUtGatsyop5\n9/qcvAxkeEYDYweqwmYLiEsCPGMxJgOt1w+16lbE6MoyK3zxZbCYTYBnSba3\n5Vf2fRP6PKOT5Isi680YrjLi+CLzzsK61GCBkcTTS0QfKKviU3+qncEy60GU\nhRDDfEL1g4NrY/ZEENX2edSnBkTY8rNKB4MzSqZZlGlDTgH+/oXnLX+PUqJ+\nD3OO\r\n=GHm2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.6.0-rc.7"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.3-rc.6_1539883986080_0.935472463591756","host":"s3://npm-registry-packages"}},"1.1.0-alpha.cef53ac4":{"name":"primer-pagination","version":"1.1.0-alpha.cef53ac4","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.cef53ac4","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"a7b219d2748841e241e0f8e2bb6210f74bd87965","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.cef53ac4.tgz","fileCount":9,"integrity":"sha512-siPKqiJ47sCPc7dnBLPayA2t9XaLQs3ZOjy8tc6t5oagD/YPsjqYeFN1JRKItp+1BUv1v+Jo/qlUZ27rTJ3PWg==","signatures":[{"sig":"MEUCIDS/DLsOGiaQjxb41iYMriEk3dK+Z9+wqUphja2/OwrqAiEAsGPleJVtqdRPAy8UUF158gb+CcnJCClN4MRdAAhqxb0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbyNGaCRA9TVsSAnZWagAA5sIP/RgYF+SihB5vOOuyO/BQ\nQnNRt7wf9qF10YjiJjM7/8BxVgdNUhUSvPMAfyksaZKkIN3YkoGTBjwe+oCH\nr8AHb+mtoALxUjjNo01zOcQNt6J9crBe4UV7oWzkiOD1pMNSOnTQYkf6iHLS\nSpXEKhvzonsZswaD8OqlvSmU7DDsJIyHItD5SesUn9w9QD1EnyrPLc9BZlNS\nD6Zdpy90sMdosq/0GvjI+RUGivw7NzQm9iP2CqxTdHedYYw5s6QMzQRstGYW\natJ613edU3ZFWltVDlxrKAUrwQjNEHl5Cr6IvZ1pdK3z6jIK/1wPz5LBqRoo\nqqm9yNH1DvRvxGW6ZJMyPBJy6SgUYrUrpNXpN/SxXlfIyrunnFhmLc5nwanH\nMt8Ps0kkYSzehbfAVl6kg2kUfkTSiM7DGblL64T1MDe3mkYg/XIyoFkYuJlR\nkvCuWbWent9Of5PSeSWfKI5boVkKTKoOpV4cF9vU8CXytPYjBjiYYNVQR11c\nkA3VKj86G2EKM2PsFwC4KX/EZavjlIwc60LnR8WWjHG4YMy+7gjKqGEDr8vH\nBQzsCR+L22nOQWzniKRk9mq9BEeyNInHqZyjrmNHxnzy5NYuDrkLdKg5iggN\nBxLzvAY+yDcb5bhpD1v0VPEiFVrF5W5AECeKEQ0wf9Utp8nM7AI5BScO8jyY\nxyIQ\r\n=JD31\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.cef53ac4"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.cef53ac4_1539887513898_0.9841472961724638","host":"s3://npm-registry-packages"}},"1.1.0-alpha.b014d245":{"name":"primer-pagination","version":"1.1.0-alpha.b014d245","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.b014d245","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"dbeea8148a6ad60de0523fec72a105c7bcf72365","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.b014d245.tgz","fileCount":9,"integrity":"sha512-gjZUI3/mT6G6C7yICDpnVB0+GKm6RNmrZSXwuomosUQvgS4YQ4iCTqr+vtr4Ldlcd9A7LXMeDYmDYN1TQiDUVQ==","signatures":[{"sig":"MEUCIB37cmVKNhcgH+t3Hc3l/PaU0ykFXraEIOAMdFvPWwmAAiEAmkHlUoIqO1SyqNQUXFkPk+T6AhYtJ/h2938BV9TsVV8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbyNQTCRA9TVsSAnZWagAA2AsP/3iqeKyc7DZ05VD5jVC2\nVt+aOiZJQGT94WSTr1id+817T3KIG/YG7gzQ7MnYihC0qrNK4x5ICJ0awflT\nHKRs7OmsMB5oEOWie1U8OM2p8Va9OrzGnLwpl3M7E53n+wZ2MTrRku7a8AQ5\ngV2nwtqncZsICyBKnd1Yqgey60gSt2ILd0Rngd0mVHbKxaPj67E95aupc945\n1SBqpYYgqpaveNxV4A4SecUT9cb1bUuuKWO5lw4qVqxDQd3jr27nvubosDDm\npHrvYWRLrQlLoYJIDqN+OFztxCYGjQ63kFpd/+sHITffcS54k++3W+/6Vk4I\nCTALNR7+XCEoCpRocBFDSRe7A+yPdnyjgGNd0fMFV750W4CiJugwkQHb2SdQ\nRR0vafsO0dy/UghPa49KiBxBXhUoQvImplYwQeD4vXhhjqHU/7A2KletcoMD\nQCHsC8r0DCd8XnAvf9DodLdxn3UytGbuhC8HXjyE5O6XGmpz0b6dBUVKlmL3\na9h7D36yBiVIZkyJRuNE2bnyOkJqY7wY2EGAN/fkOBirBHleU7rqMfp2+F2m\n+AqqoBYu0+pmENyhk4GEPbGBt+nczsFMcPVxzEN3+P9/SGrUXDbVSh37YtnM\nSs+8n0LsBwGBOCelj9EAAnAgDMG5TF4CizuzTpVms3Sj5YbBq6RPEdMSet3V\n1Pg/\r\n=llJD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.b014d245"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.b014d245_1539888146814_0.5412267005513511","host":"s3://npm-registry-packages"}},"1.1.0-alpha.49d97c80":{"name":"primer-pagination","version":"1.1.0-alpha.49d97c80","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.49d97c80","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"5985653adf9142c1fcd96b1407b70ca5941eb092","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.49d97c80.tgz","fileCount":9,"integrity":"sha512-O46x8fjlRjOEOLA0aFVSaaQH09atOrYedVhWZUgK6moe8em2cDZcdVnCvFXqW6jXDM1BV8Vwmb07OfjXMPJluQ==","signatures":[{"sig":"MEUCIQDsVTKIN8RZ8xtoNB2Ff4Bw4asKpNdC1QPS/R/o1o1VRwIgNot7XcVnsqssqV07+Ab5aUEspz3GEEdn5Dkxc0Mo/Ss=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbyOaRCRA9TVsSAnZWagAAjxIP/2ZGBkFNd687beyfaehR\nlQYW+2NwBzSvWZpJC6VR7XJyM0aj9EDYNI3Rz5PcK28mXCeiC8ker4fTOT8+\nvbuPii2wT8ajhz5SreMrah3IJVlpHuudcsM8ATOaKUe1zT3giboPF2OWLNbs\n3YY2VHYbDnwYexejA5iKfVc1ibAVEn0bWWTY02Ma5/XaAre8UZ9Fz28EMJna\nySA31NG9qCZZRFgRsp+ygY+/7+SrB03b0zV/gYBrwJ0XHGNZL5M208D7OIst\n4nbr334Pw/X2eUhk5lWMwakUydzG5L0wcPtDZR1KbEgqmM+1zhYpGRlt/TmE\n9s2rpvtyfYTEVyLnTpkHSVsiWWhP6dB2JJBel61jFW4+pRSTG6fff69e2hcB\n3UsqoW+qwxpoWMQKembcfNJlCtv4ofhpwDq6pwoIO9+OCKeon53oy8iDAMGG\nmLRjHIuh4Jb9WQiR8Q26SBUv/ZU6WptwRcm0OWaO4uRxijxEmOUOT1g6m0qP\nC+2q82R49srGS8eodMklQN/DRFSVMpet6UvuGJhnZOgkzxE/nRfEubN89Scu\nvng4BpagAziy+vx3GiDed7AnyEv4fLEDE7jn0kekEQjP7TJB/FfOE+SI1A7o\nWDNYUYEvfKfJdPUAtYmYBEa37qPOkv3PoKC4QITm0X+qMDwQ1b0Fcs0z+tvP\ntm6y\r\n=kS/r\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.49d97c80"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.49d97c80_1539892880703_0.1394240879747004","host":"s3://npm-registry-packages"}},"1.1.0-alpha.b5459caa":{"name":"primer-pagination","version":"1.1.0-alpha.b5459caa","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.b5459caa","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"d25da82cd3e24aa54ff6453795021c6ee7c991ac","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.b5459caa.tgz","fileCount":9,"integrity":"sha512-TmP+kaLJfgrmaZWFkD7wgIU8Np8ZPd7huOKyZyKuStgm+q/Y+ftVhEvEA6021M8QH27IuSoZuARZMnTkgQCKcg==","signatures":[{"sig":"MEUCIGphvlIPRANkwiQgW8BeE83dxGFmW9IEWEY4B7ouuiOjAiEA070KOLJ/DED0zAKfTgA1hJw6nVgw5tbXTNHKlEhhHRI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbyObhCRA9TVsSAnZWagAAroEP+gLTyonXlhUkjaSSUxYh\nXvx0S+qzftM+D25l7MTgoOtAzqCBbCzp0bwYIekWwxOsZccZUrGZ/5H8ADOA\nCNA5Sru+awg8S2oD8Q6nTypeIaN3UtslUlaS/F1Mypmk68ui72YJ0fnTsF+k\n5ttW2tn1EYKH1b04L6Nzc88ns2sQT+8xdPnCGnhdrh9eQYHH7roPQ/sfExRA\ndqhSUTd+ezMgH4DqnvrBDSReMoysONsl4T949O+JecOqnmqTcbI0i7uzGgBc\nXAxlpKmF8iGigpaEW1X2alnQWM8YSjDW0pI7KUE5eme63DPV2DX8sF04NBSl\nDBdCd9nIjramgr1OI89djzvZSTiVKjA3gIhuRARIk6LJUMNlefOh/F3rxuAg\nMzcPtlpeLxRw3Rs6meLxkE1WJrVbaGCgQBDmqziBq4I61FBUMHYV86UO6lQy\nJlxJg9Ssx76QDr08p3ZdBbS0a64ukgv6bU8vKAxTPsmiZMPVOdqWwIoBRCtS\n/O2oPhsi+8usGgTkpHgtTULUImn/3dATszAAzJGYUZguGj4xuBDGRD1Tu//D\n5cSJOhXAsNtcAsGSmPjC0QRP9wH/8tmMp+AosOMQPqJBPqoSNfTU0jvuBUbW\n9TJgXlg2+lRXstmnF2BLbzt89tkvRbdUPYlXgGevdiY8UG9nBJjfn596xXAm\nRjiD\r\n=aoOg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.b5459caa"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.b5459caa_1539892960700_0.8718576451808178","host":"s3://npm-registry-packages"}},"1.1.0-alpha.7c8d0e34":{"name":"primer-pagination","version":"1.1.0-alpha.7c8d0e34","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.7c8d0e34","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"4241a7f335555a464f73bc52cc33cd4201252e2c","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.7c8d0e34.tgz","fileCount":9,"integrity":"sha512-oduVHnLxb/xylXPHonqao/9meI76xtt5ZDoTc5q2GJeT/4wN8dYhiVxeV3zrhA07Swuju4svmzY4jNYg0UnXew==","signatures":[{"sig":"MEUCICZxgUU5L3xCEOPoKoGRphY6l4DgXcjCbMbUb2ED4fmoAiEAkABcQ7ZoAAg1EUNf5dIS7YSJExEOfMiY6EPUwCpU6Qk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbyPkkCRA9TVsSAnZWagAAGm0QAKAVE5Sd5BSZbx449IC6\n+rKT1ki8dosykHblpv2dOnRnqKo2ZRc+YIEyOUkzRQaaKvdPMIJOg+IZXVRO\nJUcFjiXaqH9iZuT781Nkcs7r+NY3WLh2MgNNSGE6inLMO0pCBZz7WnFYRe6V\n96OYOKqvi6jarXRMPDK9SgB9fvXWW96kmYWAZH6k21pimFsnRSuMH7VokgOT\nuuVfk3AdqWr/x/rm68M5Cd8dapWl5wiFx8szMny0I9hAWT8iTZ91y7dzHVBc\n7PUN8ePMkDB+1hymKsHK7DzLvotZFCu30oVZYYJeb/ATfbl9NvMWo+ETQuNX\n9pmaec226LWmUt/u/RYHhCSQfmocT7EIdfcWwKL+6Z/1Ec47bq7kY/EsOsCA\njb+e/es+Ty6lY8rtn+k2Y9EZ/r9Pn1QOmSYlbQ3lcUKKuYL9YCKeNOUwaOWP\n++wejo6cV2RToohULLJcscqKUAykLoJ52to7qm8Z8daQXXfpwwlJvOaeKkRM\nxQQxiZhrLqSY17M/JbCepuhOgwdcv1f/uPpOZETt5vrreqATT+tZrRFapuu3\necEIbEWFpYQUNfqTvEFlrcwcWag/5LQazPYlnuy8Vjqy+QzPQyEHTYYthi5E\nV4MXevMhnDnA549MACDIyWcVErgqCoxu5fA/2LdG56Nq5CewF78p9KyapC91\nhnP2\r\n=HYlm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.7c8d0e34"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.7c8d0e34_1539897636206_0.5097461784094734","host":"s3://npm-registry-packages"}},"1.0.3-rc.7":{"name":"primer-pagination","version":"1.0.3-rc.7","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.3-rc.7","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"97d2333e6f3ddf7dfdfbde0062f507608c898e9b","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.3-rc.7.tgz","fileCount":9,"integrity":"sha512-cPLAJ/lnJJmwMA0JTtnDqKs1Zz3ZwJGABKQuEMLG5NDNJffdMe8kFhweKx/vlSqxTFhaDL7/pF8/VYslF4/niQ==","signatures":[{"sig":"MEYCIQDbvuJGORc6YXYf5B5QeAcwYb3FPZYtBj5fvRIXxrsuZwIhAIy2LIr8PbWsX/9YjCn7X5wNTkrJBcc13Jit7lsqNEOg","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14548,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbyPvUCRA9TVsSAnZWagAAk0oP/2MMhpJ45LB1bOsC+iyD\nl31zw7+AbLMjNrlt3vW352TNazohFX6KwA6LLXjLcKoompf+BGNwftfOe964\n8BNRMC1fUQ+SMW485KqKiFl1BBqKNmcwrO2ywI3CKEc/MkYlHbXJ9WRh2h7o\nWuqlzN9LfIg0+c/g/mIHRJJp7E2X8RXCHD17rf6Mk97hvk8zML1Y9in78tI+\n9YixJMEUrw6gNuy9JC2bQzzBdYx9OWavUZ/wsVCQziudauXLSycf5MphCgPO\nBWm622z854qBNfVii2Er9XklxRkHDOfS5TEYfRAbdZvJMj36MMJdEOwXl4AZ\nDsL3BHLglIt5Nz/88hGD/+WydqkzjhFur9wEwmA9mLy8Xa3xjnbA86KDfi18\n7AgBPO9X1Yzc1oaSaoTfUjTnZF+2T5BtnFLRRyDS4OVsSiLx4Nuo3MwnauUe\nIz/o0lKfZWlAEPwNmI/vWMpt7vwIPxOQE8I3hejJt8Q7DM6CBDPvO1ILhLYX\nXBfecmXzEnWrYiR/vSfvTHVAaUzYtlqSUcxaJD1WBmc0N8GR96trMhP6Iiav\nhuIz00JeJHb9CMF1cenWbYYB3HwYjf96pUmROizUWc3rmbl/GemOWd+qfmTO\nlyndSoLTZzFoN9mOZoRQko8p1C/LTREnNwWKwXix8A49/VSA0wlTu1G0cxBU\nY3Kk\r\n=zK3o\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.6.0-rc.8"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.3-rc.7_1539898324115_0.7057794471425918","host":"s3://npm-registry-packages"}},"1.1.0-alpha.c396b082":{"name":"primer-pagination","version":"1.1.0-alpha.c396b082","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.c396b082","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"0d5401a8e9a43347e5c3440d56bfd742cdeb7774","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.c396b082.tgz","fileCount":9,"integrity":"sha512-uCSFRdtSvbgLa8lFmzBTCwMsDsB8YE4pZVD+9MPa2awzElBjTXs42SO+Y41M1Hn8mLJ++bIptrQesB4dZ5H7QQ==","signatures":[{"sig":"MEQCICdNb5gdMj7H5w/wTBl6gcQUcnBSZ5nxtKUfnL/VUFqBAiB5K/QyNoabX7xd0t2EZHqpLSdyYTmFlPn9kbIE6bWkEw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbyPyqCRA9TVsSAnZWagAAb4gP/jtT0E7upJ10nO03P/0L\nhfHbqgW/CXkRZ8QwQiHqLu5SyAeOvYFGrQXJ9V+cGPEgz+yVWgzBSf0r+IK+\npbBCmeuPOY1WLjjw8b5gXF+oAzsMIP/Xue038frsJWL9bvd9ID4gLbbqYWKP\nMkJ9HPMQ3+i2sJNDNIub3NiNkZVWo/gOFPMrPL72+C8yN4itEkefoGlG1UlS\npxTzQSI8U2V7EPldU1HRVQdl1TtE0FJL/dHQlYh/d+4Zh9HfPJn9to1z+iX4\nYtmZiG1sf69sdOz51enn8DuMeqDp+SXHtQ/aa1+xZCBA836RTJpNhk08ceCz\nbd0/mcoRlwTkHXLYW4iiBcMSNb64HKY+gbVNPaN/QYeJH7+5TBxab//ho1+Z\nj4U++GVMoiuXhPja2QbNpBTv6Sc1Ew0ATZVWSOe7zQ4SovCCIBob2RMq6gjM\nPHo2EYG5p25uIcuMtzY/ph8/+EcbvhroGMEIefVbNiD20/c4valfAHYWJAAa\nmCw4joauA9fSpNOBDs7GH+WbthoLbzgYb2L47u6AyuW3uBsolTXELOAnKJ1a\n4FPsGmhbFZ/OlLxgCXlR0v3GVmJVzrgWUGgiieBTISiFQFh3qK/Rw/lmY5KP\nBiHfyMCkzlAtrqQLYCs627DQFXmPeBVtIVbP0jn4vNzbVc+yuq7zcO0yanam\nFh2M\r\n=xtyh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.c396b082"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.c396b082_1539898537858_0.5629152110214908","host":"s3://npm-registry-packages"}},"1.1.0-alpha.47902cf5":{"name":"primer-pagination","version":"1.1.0-alpha.47902cf5","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.47902cf5","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"3c1ed394e42ecd42b2940397cd8b2bb6de209872","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.47902cf5.tgz","fileCount":9,"integrity":"sha512-gRzqHaKrZcclTmhDCX3bVHXpwZVYLNfpWv/zHcM/7ah5zeMAFjFrFbfA/s7toZhLMfwkALugXhCL6THIpqBpNw==","signatures":[{"sig":"MEYCIQDfrl87LHooo9cUSmXHjPuT9BwjYy8eFqhheA2zOtMstwIhALB+mzOumJYqAMskMPoi78qbl7Nw108qThbl+Kw/BTFd","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbyP2XCRA9TVsSAnZWagAAARIP/2Rs2VYeCM3pM4IsxrQD\nND0sPd7dXucC1gStBHjKjPI7Z06jDB71WOJR9xDljlFDFJBWHUJiPNS146Mr\nTMt9jolSO6rzLmOmgZw1Kos/LpFQUXKaK9322zZr50SHRLov/z+MGNWS3QE1\negcBHjEnnztG2cvabBpiVwCS1OrjI9GLJjHL8tLF396DaBbGJYgFL1JvSsti\npVWZR1YQcvF+rtSMXUC6FCq00LSSW0OBdds3klns2fWgwv4DLPGN5AfThVzD\nr5RRedcwOY78nvqaZ2WzQzQSEowrtyStt3iDZYJZ0jb8pCCrrwY0tA2T9RA5\n68FphjbMQeo2K6qN8Qb8cBErBF9S4IO1Yg3Bv1QAOMSxeFMLSgW4wMP/f4IA\njPyt9XUAnwWtwywvr7H05B23UXa5Q/Im5RW4yuvVZnSCV8JrRIzUXPbnl03L\nw/URxbsnIftYktKUKw58Z5I2D6neL0Yc8B1Mt/TUKAByrVG2SHW97H4Uv0SN\nbk7Oe6w10EjOfo3uqOlEMWjCbJWZmp1RUnTqrh+YlT2mokLv2h8WonxSEyrl\nH6Bkjy9eSXYSUf8N2I53kycyKtxaw1UOSvEN8M/M9rjpZ82p0nMfkUpF96Vy\n2YsT6W7illsWN3DQoIjJiIxxYrluwY6JhWesQt1GKzIg8asWF6op/HewKfHC\nAlx6\r\n=wjIX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.47902cf5"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.47902cf5_1539898774604_0.02029708587793433","host":"s3://npm-registry-packages"}},"1.0.3-rc.8":{"name":"primer-pagination","version":"1.0.3-rc.8","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.3-rc.8","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"2276c9a2e8da7beb1dc808e234131c42c65523fc","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.3-rc.8.tgz","fileCount":9,"integrity":"sha512-mAwbt8EWuCvhSRVqvmarhHRPvqIdbWtpScoh3+PNvXDnyX8tAN813mitYp9lUnDdfdWDmWh3DY65eS+pR4GZQQ==","signatures":[{"sig":"MEUCIQCCL9pAW7yPkE3F0mhznXTKHlD35TNYNlEvOSYITHutVwIgdVPEWf5TOiPJ0BHRGlPGXWU9pgpVdF5HLpIOqrnNjPM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14548,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbyP5/CRA9TVsSAnZWagAAhHEQAJXoEI+3bBCpT9DTR3dy\niOcKWWaOS6YgMQW1Wjtl34wlm1WxLVH4NkQhKXn7xVMIRi0I6CDZH/lNmzHI\ndAY7Fu4ojLsrQq/F9uQlTCWVi6ZphpOTFietKezdAJoSie+N+YOqXlvAr0wi\nboZmbSRief5y1ihkawe9rdsu0yUO3FxkiLYUqyEPu852cZHjG5PrCxvrtjpn\nMsN6YwDMTfJP/Wp7wKGm8X2Q3M1qBKPUrnJNzU/CpGJU0h0QifGDNC7SI8/S\nwds67l00javDXEZlH/CgJ2m8tVbsdirpwqsY2P7mxwaEK77Bo/Lge2hxEhir\n9akXymtDuvYdgBkD+QQt6Wx9e8H+WUx71XPcnT5F/UijrZfO34UQqRzvHZhr\nU0xjRTQ72ZynNWLscFiz0ha+Lpo4F6D8upKT8H45uk5l87iyc6ycvofukDmP\nAz8T/+MSCnIhmnym53LQs62VgzhcUOmnX1cQCBUwjQb9kagOS2+MDCMihdm1\nKrQAjJ3chnX+NSA3ecmA+rLwlO92Pka8+qyqDUjMDDg3m0kfNVQFUPCQC1xj\nyBUFJQfIq7Gh0gGpqpW8/b8iXzon/TWareft7FTlyzrW3iArWwF1o/v0//s5\nr56z/NbhAN22f9BRDG4vKw/2IgreKCSbSuHjJcwPaPAzBS0QBeAhDbyn8aiO\nvrbg\r\n=pr8L\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.6.0-rc.9"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.3-rc.8_1539899005363_0.570802816595843","host":"s3://npm-registry-packages"}},"1.0.3-rc.9":{"name":"primer-pagination","version":"1.0.3-rc.9","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.3-rc.9","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"8f756456922e76dce6d9cd8ffbd3bf9af0039553","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.3-rc.9.tgz","fileCount":9,"integrity":"sha512-slDt3CNS4iHyngCgfFRuvgHVaD/Wosy7q4kQbpBrmR5Slq21ZP3eqmEE4E/04DgyNv+xlZwLvXYgV0n3Rjo6dA==","signatures":[{"sig":"MEUCIHlzAN2ByJEeIkq3Q7qaZHhBzg2bSi6Eyzw+uQHLkSLQAiEA8TPsX9qCMSCMEwfcPP+Nfee02pv7pF45/m+zqXmLYyw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14549,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbyQAhCRA9TVsSAnZWagAASrkP/2fQDX9RNaHuVkr7ox0t\nR1GZl32B6ua119cLqf4U4vbTlb8RKHWq2vJBRjnM7yvfcJJKySq1EMt1o/AH\nCCdFF/1PQht5o5EskkVwgZbR6x9+43y5UndZRv2s5xrf1u11ISAHbh8C+SvE\nd9+a3cmHg2ekGIiKRnYTuGgYqhOXHEAxAagsaQYgb76644cQ6AIftDdr7q6F\nURREYUlIjI/f+YeJ+AbT9wXtL8qJUTdN3mu3FTxknY7h+ole+SevfRqfu/n3\nr/2yKHygnqzxcrPNd5+vGIjDU17nUemUfjDz7U7OWyabCdJ6i9jLspoGmcn7\nEO9rBOjiXDFpsYP9AivsCn74Mf0L2Ykm1yMK49zdvbu+0G3la+hansxuO/2u\nRB8Gg76Xo9zxBxvggG4grIPxGbkMT8hV7FXINiPWipahlFhOxfpU6FmT6aK+\nMHoltktbCiTv8Z209kZBgqrfRf61XigI6Jn8S2YWNT0XgV2iNOMaMqsME5lE\n4BEI+ZQW2lDNDQdmWG9tildu+xmnyfcSwQJaNmcXF4P/smnjTbRz8LhDSLjj\nqSINUb5LbdIMGdOdVMEheLib+/VKhmfaKa+T3ZcEIFCywGGlr3QNnkT65ZxR\n53BsCbr78vtyjZylMNttjdig0Kf9pPcfxQcsvBRY0BacOi/5myA0ckcW1xT3\nqg/o\r\n=Opkd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.6.0-rc.10"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.3-rc.9_1539899425232_0.5464493031062048","host":"s3://npm-registry-packages"}},"1.1.0-alpha.e61e3868":{"name":"primer-pagination","version":"1.1.0-alpha.e61e3868","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.e61e3868","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"c084df7c54d892d2f67d2565baad139fb0b2f4bc","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.e61e3868.tgz","fileCount":9,"integrity":"sha512-0ThqgYkc7d58N2juB6ArK1209eP6fMX3gQ9bGQdyEhKdOdBDQt6/vW+Pp/9YhVzy1GMJcb9ojYZXqJXOs0CeXg==","signatures":[{"sig":"MEYCIQDMpOlGrzWhNrEjJ6EeGuQpw9bkvjcSnx9piEGvVIzORgIhANwXUq+ikwN9oqI1JdfDqVbwRm8gj1bLzxjFfd2EECj5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbyQU0CRA9TVsSAnZWagAA0cUP/2dCOkeW2Lykpu5sP4KB\nATvGk6iUPXzA1oSATlDGSBhWi2/gaE4EkwQHgbJChxeMvJnw+5EjmYErJEd0\nBkrm/0cZb+YLE2cmv7oxQASDjssNDWALW7l4g5iqbqH7lA1yu1z1k5KoroLV\nE0YWT3AKo1xIy7WDJaOcGEb7OA2kwqlKyMYhDbsA9KKLBNscGC1dljdkjcrW\n5jjB+lDhR6c5elI7NI97BZAcq8QvAKkoXfR627CluYD5/FjFqbb/TMdASKkz\nsrNz068xtIyNRz09RpGKWK6KWxBL4VL7NtCDfRuPInZAhAcVzODu802CxKHu\nghkaKu+QR192eTCkZARxsUrSVlnhVVJsqMfr8GxlgYE3c7QhRiJp+opyh/BG\n8jieWw0xN3qxN/bCgOKcUkHEzJ5VwQ9kmG3GqK1vLwgAu22FLVdLFwLQebQg\nkPz06WKdSfq2cdtEajS0Pbhu6nFpN6RlfXUl1oTWQPjJFQh43eIAJnvzwUIF\nMJ5JdIbM7QdkHbNtd9XVlXA1URrY9QZQoeefb4kkqSmu80UkUTdGGdvCbgo8\n8Nz36leeuD0I6Q8Ky1NuCOliviJDVP9+FtgY12AFQ9BpNYez/UuK0NtbvYfR\ntJA3XeG4OH/BJOhtAvbkXfdTjwWitf6RiachB5Jt10chfvtyoKxRS64ztnKR\ngzeD\r\n=Q2vM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.e61e3868"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.e61e3868_1539900723594_0.6682008774935106","host":"s3://npm-registry-packages"}},"1.1.0-alpha.c8f9d606":{"name":"primer-pagination","version":"1.1.0-alpha.c8f9d606","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.c8f9d606","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"6852fadb7134ab59cc7bed42e2349683f5ee0fc0","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.c8f9d606.tgz","fileCount":9,"integrity":"sha512-EDPFjWjnDAZmsQFx9XgPRTCuDa66EE7OryAWlCOJWhFcf5TROdOmneoxcAK5iJ4cLWwB3MuYoz7iYToSAroFzg==","signatures":[{"sig":"MEQCIFCHk1OFGopMLzPDea3zowJX0XrbLpX6//aRMIRrRsmpAiB11MhzdbXoTm0Rq9rFV4kovT3BiR7V2QBBPoZUNsSu/g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbyQg9CRA9TVsSAnZWagAAfr0QAI9NBNWTTFrG8FpwJUgb\ngAoPC/XAWN3e4nSKDnEW3uLMwFG0ctPstL8/O6aO1GMHSxvPuzpe/DyDd6n2\nJ0BHoPMlq2COoj7rexJMie9u2MKl7g0BixtD0CvUc/MuGJWp+pl7navPjdVu\n/Wx78fpSjfV+9MpqvZyCDXe0Xa+jYxWgz4QuvGkzuJEwlnh/b9IygcIWSwsY\ncGlUqpCT3kn+OQP8yETBOWCi1f4ogCRtXmTJPlgZZ0XOxhfN9l0wwL3CabRN\nj6tjwLRm6kFjcIzJ6HyWvlsffEDStbfqYM8AzR+K54Yzmgtr9u/ubMUeK/os\n8n0EC5Q3aLR+/dQVKcUkHWtFDJCd9j2reXTPeBYVy+e424LnEI/bwEF5R3F8\nw6eNPv2DZ/7w0gkUu3JN/21IuK6ESfkw8W4quWkTARiKY8P+Fyfk11NdcMcM\nxNbDEP0uFp6LlKVCgEEt6+7frH9KIoXX/H49jnDlLVedeWkOJJn4EDyVuvEB\nH1FBsnkbLQRaDx43m4HxXviTcn/sTN7/As13aenqy6ZTcRjzsekqjBAGTFyM\nea5LCGBwQeTjwx0hgEVu1UcInXPJfc3GO/AJANXCma+LWnGvF83bLom0oF2E\nSTlN+uMXe/JqsCQupQZG7DPANfdozGactPY5dld4u5qkMsve0R5GzroJ4Bw9\nYZ6K\r\n=r4MH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.c8f9d606"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.c8f9d606_1539901501289_0.3060917468315647","host":"s3://npm-registry-packages"}},"1.1.0-alpha.8ae934a9":{"name":"primer-pagination","version":"1.1.0-alpha.8ae934a9","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.8ae934a9","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"2dd519590d77a8219d1ba4622a06b4d7c4932840","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.8ae934a9.tgz","fileCount":9,"integrity":"sha512-xSPUauzfYxYEWlFD4jw7PL482gPf1jHC7SE11ExEc8fsvUCT+z2JDWfED4I08JUnBpLp3m/UK164zVe0iwUuWA==","signatures":[{"sig":"MEUCIAlXjyLiitZubWwMpQHWAR8XPjs2I1wN3dlg0q0ZZqGdAiEAs7/ffjImfM7DVdq1wOb2SEtBPnDB/I8pK9Hk2mz2eR8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbyR0yCRA9TVsSAnZWagAANXAP/3hWJBRp8G+7TsCh8ZPk\nXVoB5knSWdItNnh3dUgsGZAcBu6codlcoEosCe9RdfEVmm14sx/YAkec8nLm\nV4/Toqf9OQt71V6oUI+o8xvuiPG9doNTNzorpFA34NIXFWCpaybNFn6xKHOa\nh5aVr5s2wr1loSq5XhiQWEK3zKSE5rpe52Hw8z4ku4g51zOkC6vV+M/wJhVb\n5rXec85xY+Iq9QQ7hKCPhbU8zWi1Gs1HfIrv/ryU6DB3/6gIFhM5cQAcdAzz\nkymbg/ON9YJa9cgG7bm6FPBgxIIrRA9p95kurTOyqUyF6lnxwGhWHtoYGnKB\nur682hmQscWZwSQkalbHTH0a1tcqd0Ot+P25vFSsDXbdWWFa7WCSpGAAemQJ\nNpnOqleaZrkYxhOF7otSFYA2TKyJW6EaKaqz4FjseoLWS6ovmIccCRVH1fdh\nV84bWO7yArGgzW9hPWCFnqhHvbyiccss3BmhDOjIb/uEk4BHHJSuB+BceHJW\nch3waAAuGXHNfk9GQVIToCofq4xWlXd+8mYzdo9I78CRRgPF1euIs5pV7LSZ\nxVYck5USFK1hlaj3DA5X3DzUPrRBCvl7EQ4eDk7sVeNNGLZOBru+90Yp36TK\ntUtHJSSE7jpDYSANEW/FzhviXrTy3sdgERfhKbk1nvcj5yNnbcAvZYxm+1gE\n0dvB\r\n=2nZ1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.8ae934a9"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.8ae934a9_1539906865482_0.4797347005595185","host":"s3://npm-registry-packages"}},"1.1.0-alpha.fc68e650":{"name":"primer-pagination","version":"1.1.0-alpha.fc68e650","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.fc68e650","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"23cfd39971148018cef8c59f46ce3e73c18193e4","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.fc68e650.tgz","fileCount":9,"integrity":"sha512-ExmK7xDpeNKJwtZqxaPqklwOMzGyFSh1OsV/wkxV0xIJX4sX5NNjBWUodMMDkE/89FrNfYmB/s6ZGefwlu0xtg==","signatures":[{"sig":"MEQCIFv5AcLfbwrJmGAPfWvb+b84JcDzCMnXkqRhvdWm0wjDAiBF7aLRo7jA6i4hol8FBVIdegfkLwJKeMUKilloRrDtAQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbyR6VCRA9TVsSAnZWagAAMuMP+wXV1/xlVvoP2sIbvRZW\nehnFAYMYJxU2Pow3Sr+b3SIFCFrsUeN6otxKtMtI+1/pzIPwou9/uqHymSit\ngr3X+7lpBdW3/PL/rSH71ssT2UZAc/YGdHndc8n4jRqWKRwNKqynduSpeTVK\n5HU0854I6SBiGUn3P+YpQQOWS6o1JZfm1wbFK4O111eyN9xeJD+wn35cgdVX\nxYP10/TV1CGKLgl/uaxkEBtyx+sMXyd2y+re7EGbjYaMCyVBY7c9xUJJ/ZrG\nBtkcjIdq5p1NOyhqaSCpr+rSelmdppR+tUPyEqVK/WO7bL8EDitEDBlYIy2w\nq7TARtSfVjR9VT33nZyZY5UDhLessU/HinIQD2SZw6M6JkmwQ/BCXPU+S6Hb\nvt0NGqeUCisUoX7X2F8m+AyiDc/nrlyjMmS/U7yVgoJRGIPaVDic7Ki/mDXC\niDqgJtCFJW8SXjRRwQALdYONCBgUieKyD4lmGEi+OZbVjPf/0Wec6SqE11OZ\nwlbO0CLwr8QEH/1oRv2gGZU1qove0C8Pp4vZ/WzOvdJwj+T7vbP0ke5axaX5\nV5UUF4EykYeDZJpX90d6gcVKJ8AsKXwK9DaFSDrqcBUC3/PmaHtfqAElAhNR\nyBBV9xrXMmfvZCkjqVYBsoOJtBN4WUVCFm4yhWrqVrdCU3U+7Mp66ihgdXSB\nnJtI\r\n=uDAg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.fc68e650"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.fc68e650_1539907220411_0.1723387703949939","host":"s3://npm-registry-packages"}},"1.1.0-alpha.3080c2dc":{"name":"primer-pagination","version":"1.1.0-alpha.3080c2dc","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.3080c2dc","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"f772ebdff3235d9f6d81188d0ab6b1a8541bd56b","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.3080c2dc.tgz","fileCount":9,"integrity":"sha512-vcUOk4BOv71Oj6e0lLViTiTkRHD7PyII0jumdnkXphJAgqRk+En/pjCEJKRbnLbBHvySrUojWFAkOBQPjXQxcg==","signatures":[{"sig":"MEQCIDW7gs/YU5Oann6Rx++ZoqUBYnZke6AIVjXAT+OpRrbWAiAe9pgni3VYK79QaT6NqypcYN3trfWI/rzpjF9AuyXI8w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbyVmfCRA9TVsSAnZWagAATpQP/3paEPtct25qsCualW1t\nEPY0bVVlSi84N4eEsHPWVUkVd5M/+5HsFedhzd5q8CSGH+bF8KT3iDQkbTbH\n+h92SM7SLkPrwtpi5Sx5F9nnH70SMruh5JnXtpXfhCYMk25gXB7Aevaw7oz6\nJIPmzoqW3W5QJnkNh5sFgAEWooM9s3b9hhdYx9cqukbj0jdlTLh4VrcTcOQF\nbNR1ujET+FUOmbB1z9ml0+PyUIr4BFizLthCRWiGlf83c7+rYc+mJcTBvx41\nZUxG4Juq09aa7x5IvkzqBPWyjOQlD/RJftOFtHFBGID9EefqLlfBgqw3xUrV\nuLRsDwiNhWlWXpZvryuCXzvesTxRsojJnzIJ93pyKKdlXT/NhCh3pFoqGllz\ndRp3qkE+7eFHcvQjgNB7DP6GmaKPO6/iyzfzyCn5n4gS2Ss7XYUwDxBAhQNT\nEhMWlPaJr3wUOTzs1qqHv3sgTU02nw0XEGbsuE1QF65r6MDayCs9r4KkKKJy\nT7rY0EY/UNOeH68qq1J9Jj0JKbmuA3tM7JqLmVPBav+Wq3oHlR08cloMfnln\nICnucyg3muNXD3oL3tkuBheCwkO3Cxk78UmfUM9zczbrym4voSfEQGeavoWB\nENakISvDEBiOz/pt4feOOCLUCHJef6gCVezef8lJZ7NTanJbi4iDM4yqBJfE\nH4iT\r\n=kz/A\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.3080c2dc"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.3080c2dc_1539922334745_0.3851180383559425","host":"s3://npm-registry-packages"}},"1.1.0-alpha.2f50e954":{"name":"primer-pagination","version":"1.1.0-alpha.2f50e954","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.2f50e954","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"30f8401b84e54fb9e9f6b6e9bdc42e55d9d1f14c","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.2f50e954.tgz","fileCount":9,"integrity":"sha512-lo8zKe93eID7owWLmPTkg3qfNKkL+DyCmiOee85TS7fxYibMCGgoflDN2tJvi93ZsLI0fBd3KWZyidGYd+Agtw==","signatures":[{"sig":"MEUCIQCikWwmKRcOgBLrzD3z1AjKkuJBfskDJwHvHTbstF3ePAIgS71xkAb+71P3EgWZNtLp2pisRwrjnDjvnAAEuwHjtXE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbyiAMCRA9TVsSAnZWagAAN3oP+QDTbmGuXTZMz/kMn0eL\nkrlDT92s+M9AmrbYZ0YQjzfGGirVaqMSR4eTfDF0wLXk5/0k08o+brGZS8xk\nwTa/L9fM//3hIay9kIkbv+9zS6v4i3e13mlp1oAgRw4JNI4VtLUQ7iQc0Vo6\nivvwYjP3nwB7a04VuzggDcWKIYImVem7v2iiAwqw/M68hNZIjQWG7TTBm+BB\nGop/rRxp1gt3O5e4M7Se09gZIeY6ann1CkvQLSB/hpoFF4nczs1KwORKdrJg\nqyV1DjycIqFqfSL9aiIjOizkFEUGHETH/47pzTGBtg09Hu2L8vG7aXpwcW/N\n7TV+TY2r4pOFzRAC/56dvzdYcVoG69tz6N4TE82sznn4rrgGlghFqf3b0Krb\n4SKseqDEZuqAKXub0M/+CwLRy0ZmeTWH6FawUegt1Y+E1iWKLiPgoo9gid7M\nzJDDQ9l6ZA8LtlTW5XDfK/nqYXuKWKNagh9q1oOa3jbNDU+hR22/unxdBRlI\nEdhjeYp5VNKMteo9+UYMy5iTfVYnvIMTRVcpcRuUDvYGT1tvv3pC0MYOM4y2\n4L5Kv8y69pSsJk9WGesUF3YN/qMKuv6Fwj+4ztjKtcMuIiqBnzRtlGB5KWSX\nbonTUXILct+Aitcp0XCdqZM1EUhQV6iQtM4cuikWTWR/aSYB+hPAN1jQgI0M\nMpXn\r\n=uaT6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.2f50e954"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.2f50e954_1539973132047_0.8538715624541657","host":"s3://npm-registry-packages"}},"1.0.3-rc.10":{"name":"primer-pagination","version":"1.0.3-rc.10","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.3-rc.10","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"8f5eeeaa9a2b9efb4a9c3e7960ccd145095f7c04","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.3-rc.10.tgz","fileCount":9,"integrity":"sha512-lxidiIFiMKBg2u4zQkSIKcimt+nAg+YpS+ex34EhxpFO3zm2FkwBmxBGVnVz/VNxXOhEnP/YI86/486+FHF9Cg==","signatures":[{"sig":"MEUCIQDsdm5adf+FG+3D/H6UlWbJnp6lauDkz2bYRwWd6BcxlgIgCMO8K0pUropu7oKs3EFGL/IQoXniXf22RkvW6wsMZng=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14550,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbykhfCRA9TVsSAnZWagAAVHkP+wa+d+s8v0nSGoD3G86+\n/GKHmNoM3AJRvHB3k2QGimYZIUPjRNl68TYejtjBm9NgtKWB88uL0LMmFgnE\nE4HsFCW82hidbUfpx0Bk1ibsw1ukzK3cqth5/hCxLICgTOhOkYJSYdAZq6cb\nknxFNrr6GGBRTgE4dNuBY4Eb1KkGETl0Y2XPgkQ9eIDscBnfx0YMEyYy+a20\n8Z5TZ4DLnYlb2DLDcznt3jLxjgyvDT7n40pMPHqnlPpLMpR5TfX+AEYsByuK\nV0rjolGId58zVTX7vUqudnZGlaMNbKlX9hYc99SWs8bAt2WqjY+jEAFsqAoV\nSBkYvnpq8uehk1tZkoKO9zaygnDP0qDzXg+/kKEVZxbyEooaWEfS2RnWFhfQ\n5Lnw9zMAvs4Jpyyn6mnGKFu14iqqhAZaH9FjEMtsOSykKCxkR4TMGmoSYHji\nsHEsFwpSR8eb8EWGIlKwgHYUrLRfhTasjoZ1Uf1y6KpOPOTsgPI4MioYXRXX\nA1N3eFWXPZt1Tj6RJrn4Ta46J5+ur/RZ0degJCLTOkDZvtcHZsTt2pwN9mU9\n2k79EOIRQ85zPu/YUxh79SeDxaC72e5hApHX7lMzN6d4aYipUZVeP2YQBUMm\nUdutfGQioITWwTNc0CqojPvkHaqJZ1bmUWt7jvwKTlMp7pfhZRWIw5VRZ93O\n4NRW\r\n=QNmy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.6.0-rc.11"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.3-rc.10_1539983446145_0.3302548174288267","host":"s3://npm-registry-packages"}},"1.0.3-rc.11":{"name":"primer-pagination","version":"1.0.3-rc.11","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.3-rc.11","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"592b14d0eabd13e1a6e3f8647c50238d9f528b7f","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.3-rc.11.tgz","fileCount":9,"integrity":"sha512-z2XiwgX6liV+xTVtY05EqVomJNaQ5Bm7j6Uz2sul6IIqa7RzN3wJMej2Of1qbLs+yrOwdXjK+qoJ9FG6fOi3VQ==","signatures":[{"sig":"MEUCIQD/pImSfX86nwBn+q9EswAc/kIvx2pbWqLJRCMG+OSFHAIgCgektIIY+DXHQtgFgsscJ7ULBNctObOMIs1f6HWKMyo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14550,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbzgydCRA9TVsSAnZWagAAQbEQAIsp7dZrzyuvzLW8vLWM\n8UdS4JsNvg2/Dq2rexBZpJoI1rCTPBUK6OJDxuzy4fLO3vzjED070I9QqTfj\n4lKCVfdAUaekbdWBM5EHQwpaweY8OcuXi6NF0oJWghxRExmn67jRa5DBGzT3\nfSOLJQAGK5vgwdyzIE2FjyUEPCyElwlng55YoFxbnFO/8i/ABE3k72I9dqL3\n/S6VGeyugxR+bt019dG2rH7kuX+1P83FM9l7wDd9r2dBHaUdtQNvkhHpnU3X\nCCJrZLNEOINpYJEFck7//fePU3vy6kYnt0oF43SblFJz2wpWf2RjlGpcM+zD\nwYmglhXfag82tPqAedvETjhxDGNwYo0Z3WVmYuvQ+ee3S2VkFlRn71wC79H8\nUp7TtZlofLjai/RqpFUROzfKrLrJhBGIdGmJmzSdf8e/1grM7Q6QXBGP9QZ1\n956qMUYyPUEwTtWss8d1JsbVa4jXX1l+rpb/Py0oOzsyg0ut2JzvAaGIGLBC\nO3o1G5QYCT/fkNmBaLfwqtgKQJZyH1dh8JWbKusb/lVMGaanxXv4IrlZH9Si\nNCUak4tMe5jlhPqOC/sRUtzWZ7ZW+cD5mER74/CpyUWkAtqk7rhrY9c3jxPE\n3QBNlkYriLk3OZYK0I2RASdVYyZ8a4VXaWmjxb/0SMXVg0tevx3J11kjtrw0\nUDt7\r\n=OfBa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.6.0-rc.12"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.3-rc.11_1540230300820_0.3719467107324752","host":"s3://npm-registry-packages"}},"1.1.0-alpha.3f5d8a65":{"name":"primer-pagination","version":"1.1.0-alpha.3f5d8a65","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.3f5d8a65","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"fb64f9b6d5f1ca33152a69f9b98a018e54cdb5be","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.3f5d8a65.tgz","fileCount":9,"integrity":"sha512-ytjZ8Y/uDaUA0IXDqYBgYeG2Unz/ZvMO/c0WwulrWHVCqrELbcudGtnCsbAhdGc4qIXG7cqq95tmlKr8YHorVw==","signatures":[{"sig":"MEQCIDu/1oWvJF8qqAUF41A8ZYc4QOXfSXgpCuZ8O8NDMPtWAiAPJQqvCC0X08eBo/cZLvBHnAmRj7jCn5Sp6Wp6KSZ5ZQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbzjFuCRA9TVsSAnZWagAAwokP/20MYSxk8ITOLO4zkoTx\nRuGfbawpZEw1MGJAm2OuzEwOq9htkdmAAnVkjMuAYuPNskqG3LPJNVWIMhu5\nrscgMfJUG8XA/jweRYYZdFzuNI2WS25kepAfIrgI2ld0/CdAXHIogvYdScZI\nUIghzVUj6bvUZpBmZ7Vh0x/C7PWD/5kzskLrfINm76yiOdz2+n/a+XBJXhdU\nnSGQ5eUpEskf23movXkfyh+9Sgm+Sr0UR1icwqYt73LOxvsHV2fyzfhRYZ1a\nBG+V/439xc7iuL0XR7G8N9cNLGclitwbawQ5XytiZsFGcvh1MVTPZrBJva+g\nghoNFn/GOzMFTXlS6XB8NiOgTPlEOmSwekGdAyOVKbYF5XWA5SNSCHjexX2M\nGjKRxnB/Y2EmshNWDFK8aQxLZt2cdI2o5zD83P5yN9DohzXTGbEJVCpPmB/Q\ntNSrr4aiKHhANtdJ7RaB3gTEZlI9R4JD8yFQbetbS9bYvMSq1vjK2hxIEemW\nxXmoEuypSgVEipJTdNKeAVnk4ptMCmXifyMuD6+w5UDrn6KP1B1bPON+7QqP\npsN6ZbjDz5zH1nu54ht6AE7C5Cqh3jQoM+tGxIaOJgBL1EQk8zUmfIz916MX\n/8WN9FGrmkvJYjCrj/+KjRDAtPGxNvR+95noj2Y7epKL1BT66BmUzS5Jgadg\nc5Oe\r\n=YORp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.3f5d8a65"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.3f5d8a65_1540239725927_0.3815585111833997","host":"s3://npm-registry-packages"}},"1.1.0-alpha.ae5b46b8":{"name":"primer-pagination","version":"1.1.0-alpha.ae5b46b8","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.ae5b46b8","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"778c33916a452029c9fb7f7199ad0b5ea24d11fd","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.ae5b46b8.tgz","fileCount":9,"integrity":"sha512-ai1oa/CnHLgZcNBZV85mxLvEwv2U/xdAQeBsSx5h4xVFmTV6tMxEPtXmD/rt2EACNmmR4OJPTLxvnthbfsyDLw==","signatures":[{"sig":"MEUCICaFT2/MnuYVFQsEdJ/IudTYA3bKChA97Y70LlmamrqXAiEAsX3nMYTwlqUNvhTomd93Jf7HWyPkHrGcUQJXZYD1u/c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbzkruCRA9TVsSAnZWagAAVHwP/3/IeeHJWU3KiDibi1V/\nEd2VaHRP52Uk4+qovgOJTF2muLEeF7QdIdCJ4+l2k4pjxn/v3UvvBYkYKSAl\nHL5O7xT1jfPNCzthPo/bYpOX2UeCasUJ56ZRfGnIWA294Ybwhy7I5C+MygXZ\nnt76H1sT2AYhqId+fu1soJ5ScKp70050ggGWKqeKc/caupzK/PGVrRcQjhg3\nLz69wskdJs15eSVXMc2SlTJFxcYEH4VaWdqjtvEp6c5+AudDfeXtsSgpAB4K\nkGUvnrDBtFylHDolsuZnCOr/hs6UICCOSzE52DUi07PI1qk8jlrYTuH4hamg\nJ1PtMrLUJsh7o5C+WxGLkCb8mfjX2khpQDd0fyRosXY4EUXNwAgsTo4aRrzo\nau5RL9D7aXRp/Zmzd8QnLPJmDcTRunDDVEXcyEpdrX8oX1hdQzuhC65MOpe8\nbyS15kfEZfyNKiHJFGsfU8jYqMBlg3K28flLipE/HnoRP9f0TjAl2ILxbs1c\n0kJm6erFnz25+jGZkqxbX/68s5POO7FNk/oc7HPTd7QgqpCHJL0F+x7+wrgm\nO4JPtKeLSBKBBXnSHGCto4CtJXVkfuQrj6v9cSbpLXX/20nGO5jTwSP29O1O\nmqVok3HB2Q805f+DmWWJlHco/1nMXDqst5xtgGF7bvmtn8rv2LeN8YkLFrDA\n8YqR\r\n=Atrc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.ae5b46b8"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.ae5b46b8_1540246253595_0.9474972575899447","host":"s3://npm-registry-packages"}},"1.0.3-rc.12":{"name":"primer-pagination","version":"1.0.3-rc.12","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.3-rc.12","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"f56342f449b8550e6514b67461f0b92195a7291e","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.3-rc.12.tgz","fileCount":9,"integrity":"sha512-Qu/mvfDVwETZQkRgEDE+PjGG35ObEHvei4gZ9Axfef1R/a4Q5Vk5q5NHfUOF4zFU8JNYPSREjzgVT+N7vaoJmw==","signatures":[{"sig":"MEYCIQDXJRHZzR8xGscjTTmor8+GXLlAfLYT8RMa1idN5/dXlgIhANRnU1OyyCQs05iDGqXauZqJcz5B7SEk5UwkQu5VRzCk","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14550,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbzkwOCRA9TVsSAnZWagAASjwP/iSC+3AwMPqCOlNi8Xjm\n053hPPhjBaIovThrPvcwuIMmWFAd2O9Z/ziAV/HulaoepKZN+GX+peR3Y1hp\nnuTNJ95hMigqWLTXATq5zwbxBWWcMaHBdaWZLfLH9DZRdyR/rc1XS9eJec9J\nXSI/NWpdfEiBF0Kv2d+HT8hSonIepXguxBfy5f0QwiIc8mJZCzZQD48tdUs7\naOtQdDDKTjPNHJ05/z9PI2BOpqGaLrPcty35ustVvxZAMPFeL4crog2LY0Sj\nIUdwGDoDINEb0rZpbhyl0NKTve9sa0dUWZ8gCF1bOnKqG3Kmkque6754JebF\neebeAZ8iZdyiJyRqXj77nHr3mhVWfNMCOqyeHPN9atNh7FZDU6HyGD7UghpN\nTB693htLjn2N90IKID+kzGjaqexwGyIo37wryN0qnf78bJgEkjQ3OjEZHatX\nMLpEHOGweexdArcumH9r37l3nESwOlACZdlakPcfaKXV30/Q8tnn6YRRiTJN\nLWzAZ/xALk9XVOQjKylFpOgAjfBNzU0aLuKX5LXPdpm21nPyEfg8hr7+Wpiz\nNhCqYQ+H9R52McNYqYDFdX3bQfsyDtF1gYv81SYeoTiFeaiTA1TmU44RZTs1\nNlI0DL8Eev3Wi3khIH8qweh07WGFlx9B9oYuaPtGjvhb689E33O6w5Rps9xl\npJhN\r\n=Shjc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.6.0-rc.13"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.3-rc.12_1540246540797_0.8367376209275175","host":"s3://npm-registry-packages"}},"1.0.4-rc.0":{"name":"primer-pagination","version":"1.0.4-rc.0","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.4-rc.0","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"52d13f88751955f29af81308b20e681c62494f49","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.4-rc.0.tgz","fileCount":9,"integrity":"sha512-4RjDJIKssUlimQ/arPSbZzZ/KtWv4M8IcKwj8RvTwFd+TSuqVarFj5M2gA5PeUOInkgqlZWtBOuK7cEyOn4ViQ==","signatures":[{"sig":"MEUCIFYFm7WsGPmUFcJw8S2tt7a0OlzHhRz1j4RzchNPthdHAiEAkyr8ss6wuppxoGbJ14ZN0twF+Zkc8Wzd5dp+Sg3tU3M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14548,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbzl7DCRA9TVsSAnZWagAAQeoQAIGRhDROPSLI0nTYMaal\nZhbK5NtRyur9R8bHbS2kJatR+Augsoe1ds1PNfwj18XJH5wFIkr29j0vhKWp\nLcodxEK/7rK2Pu2ZlQ9ryTw5j5Gj6zWSU0DWw0S4487d/cjxnBhbZzY4NrOy\niY6kqD90hXydjywKOjocA5u8gTqBbO1ASydtPpbbmHbI4UY3JxdKh//l4ux9\n7SiDWn954ogp+i5bdQ+vMlDJEV4GD7R/+aV96eFihRsbNy6mMxAEPy1qHjL5\nRJ9jQkZOjS8qQOkOANRnJOciH1nH7BLxQ3pGCltpweRl3eu/iQdmHeq0pIbv\nQXMT2SdFIvkUEfi4Yiy05/RUzJSVBgh85/QF1bv7Tm9Q9kFDjNPwqcbN0dKp\nkRfMcLqkExnNo05fprFKpKFcRQfazNxLKYm+HVIDg08YoVeYiPck7X1P3QpI\nHx1CtVZCCpjDiAhs8iZIJcBfkJoskCIBEGS8QxGC677cG8vKXMfeIVAThP/X\nAOVF9+/X7SNJl6g9x5CzmDxv9bsg30Ntx3qYQk2DykjbgH2Pxo0RgpEbFZZc\nampb1vU+5iiQnyWysjvSNqtIvIoWdoZ5RPTJjWBQNQLBU9n5j57/QugDfET/\nhGLQjXM+j+xVlSf9buLen8+fOYrPsKHTJ/5ZAuyo+cBqza2IbpMMIE8m+pyG\nFH2I\r\n=YZ8/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.6.1-rc.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.4-rc.0_1540251321486_0.05025149251100669","host":"s3://npm-registry-packages"}},"1.1.0-alpha.d1ea413c":{"name":"primer-pagination","version":"1.1.0-alpha.d1ea413c","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.d1ea413c","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"ec6c1d2fe4bfc1319583614ddd00ca84d4bc67d6","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.d1ea413c.tgz","fileCount":9,"integrity":"sha512-wA1aQDrRoL4iFgb5/4+egyk2g3/SaMhQ6dgJqxYANpVyRCUmDxP/LoHZO+3pK1b3u0DIKPmTWK5oVH1MrQ/10g==","signatures":[{"sig":"MEUCIEaHhod3lT+tK3Xzi4G4zfdeoQQNpe9p5nomBeOoRZbmAiEA05ySLD7XvkZc5Lkm7fqEvi4OkbvCMH07RFTulKHwoSo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbz1zKCRA9TVsSAnZWagAAazkP/iWw7psT1frJkTuWmgPC\nNzXndsKCKtbXxttTlwpSo/f7XZIwgXLi1Y4XRs/g35hLbixYqPL+l8tcwFtR\nMvesHla41GnTd8fh1XLjIpGjbJC/rsnb92++KZKbPJVb4iKQt2ppc6TI63Wk\ndROaYjzrifHhbOM1fTAug5lb9SjQj/QuaefcZdkgCQhhFaJjFsth6jsoX0tt\ng+pw/fQfadytdo67hm0L2hkpWEMF52FyC6BzrN0sm0MrVqmmxu+FpYn2XqiM\nEI6/hSNu574ycxE9dAHo6TmDHqEWQk/IhAigT08AupkoeKHyiAoN/GlQbImG\n15X0Kkga15Ayjt+k7iaqGp+EeZXddfkmL8ogjoT4UUxQIDp/2T/aqh//UuVM\nls7ezNIyGYnFbSLJCuS/U6yr9fRSym73xhWFnt2eetOJVIxWK1sicB8DAbUf\nz+mXv7ch73mn+Is3FqsgLLaJgZR+mhR6A2ZyfByLJ55e1v7HKCAVIH1HWE/x\nRArYuSKXj7qPIvAwAxD7KlPSvFsP5gVgEiAULImCD+edgjSqCLBjitgoOnYR\nA6vLRUPyJaPS8SXyIkJO8bPhLqzdqNp2u3Bjd/LOjeGeL0tDU8exsqeMaaqB\nPzsSKYUl2jgl5PGXmGw4oTM2ZzyJRskVpBOeZlDk4nSQSsbnpM1ODMmgPSTg\nND3/\r\n=klAT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.d1ea413c"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.d1ea413c_1540316362039_0.31559076802961417","host":"s3://npm-registry-packages"}},"1.1.0-alpha.a9f6a8c2":{"name":"primer-pagination","version":"1.1.0-alpha.a9f6a8c2","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.a9f6a8c2","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"4ffec9261695e209f5bd425327ada8aaeba2c9bb","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.a9f6a8c2.tgz","fileCount":9,"integrity":"sha512-gowO1EHw+EAsADrUwAOi6lqXutkzQfH09UJa/vOxRa7zCbNJyjyHDHqGG4kus4mFAbLzbVrMHRJh1an09I1JKg==","signatures":[{"sig":"MEYCIQCv+32omUzjRCdwSAliQV19TFsK18imm2ySe2WG/VMo+QIhAPkkDVAhZ/nSDteCsnz6ozigOk85s1UZ7irLUfBHdZUD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbz2K6CRA9TVsSAnZWagAAKiYQAIW0y9+o/Ohmt7SvmBrE\nV7+pTl5IIbrUUGAfbyWOj8u0L7o4OapF/h48DyW+ZGal1NHzUeUGY5aV14Ki\nAoCD0pv0puKVDw+f0wayDBSx+hb38Jc4MusaX2SCQ99E+/jL2J5Ab2CPbWHs\nlQ/kk+3UsTIhTYld+nTnDCZ5ka7k9F3pSNCZrczeRa6HDSvYQz4RqtE5gubk\nS3KJW30rUDkZhWV6Tgo4zSmxjWaepy4WzlgZy08PGLsvUYqzZQ6Ma9RgFSU/\n+bAlxltgjhRnVHUvVmn/f8yeZpuHcCjcBkfQWEG+T7TprSifIopZNzsXn/iL\nogtiRZZH6+0kAwTmuxVh7SmN7drb/sCObG6zipT0YGCcw89b4/Ci69xwXdUj\n1YRu2E9QJu1asu5b8q2hTwG43kGmxTfAny3T9LCMzIH0Jnkq8jtrMJ/0dd/B\nwMacAcdt/yXQOdaTy8IAMlIxfqr3Pk5xLRQDRD8moavKqwa4XOumRDynPVlF\nErdkMc1w2APjmmZ3DzizcS1IUvZ9Rlyvd8P5vawOwPftqjubPl6Fw/LmHOIm\nT9zRrsxwkWNqlMLi9iSoWxUIYiZZtC3qRBQS7Xwn0DvRJaxEbziSBFk2vyQ6\niebJk6AqHx8GevYXJb8spibpnq/gvCfBHoAbT2v1hgzksQNOj32TiBfrTlYC\nwmAI\r\n=Vftm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.a9f6a8c2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.a9f6a8c2_1540317881757_0.38770101614771013","host":"s3://npm-registry-packages"}},"1.0.4":{"name":"primer-pagination","version":"1.0.4","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.4","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"873014709bd58b03bf25076f0bf2785feb74bec7","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.4.tgz","fileCount":9,"integrity":"sha512-7RGu5hU/JFLJ7Rv8CvWf9WQ7MrhoQB8RsuKqhCeSj/2xdiEgU/mC4anZeLAe5QSQwxfzfMmGWdTqh7adREuIbw==","signatures":[{"sig":"MEQCIE1priK/sxJm5BS7f6ZP9tKcCBgfgLuDLKjISUrcT8xTAiANyEJZvNkjAgj3ytDdCeCVl2PrjpFIkGnmZey96uBISQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14538,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbz38SCRA9TVsSAnZWagAA4/EP/RNrmwtfby7MHxeMRfLz\n5quAAa+GUilHXHh5Nj2K+WRVY35EhHp+vdO0SkNU0aP13k3nMdxN7uQF5Sru\nT0eYgoZm4WBawL0IDWw4MDv4WRj8CFzhFy+9Mhmqrw/C+ZYPNq0ChEarsscb\nTnpnH4p4SLBZC2o6qljStm0joBcr8y7qKWsZUE2Tzq9BlHt0/nphAVHIjKO2\nX2OpEFD8nyMBMjB7ft+WMo2YPRVkxqyTfA5MoxULlZ+oCtc/nfohFYwJavJR\nTXmv4PdOjbxdpAhz2aWOmR5oWmF6q0CY5lbgDqh29gv7qgJr7oFpvDuRI3AW\nY+RechaeddTs3On2DbHIYis8MiX/VJmB+oZ/OvqcopJoq1r1A/hsAQKkfJT/\nJlneenq66Pimjpis2NHIpuaTtmDbmxmalpIPOYEoc/Oa3NwTtd9B1lLtFmqZ\nFNea3bsRNnlm5EF5iLuJOP1S2tvey6YWaOK08Ul+ddcrKmfJrrpuZqqBc3MZ\nOGdjj93lPAYbJu+YXQ5VvrSeuZDsdImDz1h6uNqnitoLAqASzzu9YftmNSnU\nhFp73QFCGB+syAFATTJopc/1tH0M0bfBGa5k6rJ1BQPdTv9jhS5X1Hsry3NO\n11LkVZWghkWEshdygaeSL3myXRFmzXZ7YxpJBmoarF4PRT3Ux1ugMgWJvGYr\nMqgx\r\n=OSYk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.6.1"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.4_1540325137898_0.8147979583486313","host":"s3://npm-registry-packages"}},"1.1.0-alpha.7dd7d142":{"name":"primer-pagination","version":"1.1.0-alpha.7dd7d142","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.7dd7d142","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"501c4fac3b5c3064edc6430a93b2f24f8bbbed07","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.7dd7d142.tgz","fileCount":9,"integrity":"sha512-o8IaPtNpx8KxBQeW2vSV9WVSBVBOx7rtcbyW8oFQpsL5uBZFHHgkkty5M9OV0DpUQ3yphdcIFtcx8WBbaLCE5w==","signatures":[{"sig":"MEUCIFEFjX0/OrDjQrtXU6RJhlxcLkC0As0bCkFVPmT9HJeTAiEA1oB30TIQiAt++WEJi1qeboCCIKCwhST7BxBTpks49HA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbz4NcCRA9TVsSAnZWagAA6GUP+wUOHJxI4eDwDqjmApko\n9YctdbNGgahYahrRp/C94dL4rKikjmUdteW/Kqn0MdNNua4PmzasLPprPR1O\ngakWRL1q8QSAdSVvqNmCGTeoLhHpDEJHOrGUbsbNVa9FRidrwixMviYSjw2N\nlXW7EuSp0e+Bv0kcLjDe3cwJymqDrsgxUF6OQEeiJaqrCRPuE4KgHuss3VVv\nvPfk4vHPnIekaJDOazFILwjngVM98s/1OtbCL9ify/mFTS0/ygb2BhKOmIRT\n7/NGbWngQfZzS27hJzjG54NNyUX0vhz2ZaNUmqTDkhFOyCzR+HZ33PB/e/WA\nKbBKbNOQxbKy9blKX8ItPMONubaWMdPyvfRHuU64BNlLL3+6JOO4H4o1Bo0q\nuJFX0IDaLtkBOtBq4sBFk6puUE2cgZbKLn5VFGCKFFWziANBUWMjee2ND6Sp\npLY8WXCfKuq/mVa1arOK+s09eyaErrqVntMPpe40m01v13KmOs6uXXN1jtDJ\nNdR7bnruWfvZASYkOqiz78SeefywP3H/RsFkTx4OzUaTwmMUzBQuJgW2gZKJ\n+bRHcL4PFeFXdO+uxzf0IKyVDXw4TJmRT0tIk78m1puPYPWOoaOxAdR2tx4N\naUgXUoVwpUOM/GBv6aQNqyFKxsVufJ8BpFJZA+Jjp2ad+3UljUZuBdVqBNyQ\nL1Ke\r\n=oFGF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.7dd7d142"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.7dd7d142_1540326235722_0.5095316928567504","host":"s3://npm-registry-packages"}},"1.1.0-alpha.77a05b96":{"name":"primer-pagination","version":"1.1.0-alpha.77a05b96","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.77a05b96","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"692bf029ccdc00692829a568d1908038e45a37ae","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.77a05b96.tgz","fileCount":9,"integrity":"sha512-BOu/QI6E+4WNDwSd9hOIeUmrOQcxuxbqhj01m6eAh50BHz6MzFTYTQ24a+WIhGqJl7t+nhRZwUDZkR73F3qVhw==","signatures":[{"sig":"MEQCICky8cVn6Zvm5MDNapIOGpuPbjg0tHaUvla7WYB1dNghAiAZwnTIRXg3wjkuEyGK48OwIeY5mJa4HVE8N++k330kEA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbz5A2CRA9TVsSAnZWagAA84sP/jftHKzCCa6WFZ0I16uh\npWVnkMnBUHATX23PtW2PWR7DSd3FIyw0rX5oWH6NeiQCdxp0q2YYt9klEtgJ\nVcphlc9BBIrZT+Q5O91kKEI4bdWlyRLo40+2YbAJNCmfsu7wib4FlxJLUYya\nkbxEFeCUXJuNzKp1yd6h+WNgN+NdAj+om9wyesXw6wcRoT+kxvaKuwTTu/oS\nz/OLUZSOgiuPa0jSRV7Ufe+ETZ3bG0ANq1CA1qxQLmvFhZMkiIdmMMfwFrS1\nxsJiRsdqnnT5I2WiWB38PSx54mct4DKVz3i+N33vR32+llFbqKLdEzGvui3H\npwsqMWmV8+aq8Y9+Wfo5843nJfuAneD9/DaEGdxuMdqI1Ps1KwApHp6ea+Rs\n/4tGyH6bnyJ3bA1uzdgUS8TBZ8aOpBt6wEx3zWuQDMk+GPOXIMjw+4lkeTmi\nFJtn7Zq58Uf820AXTSuyLMFDBVGN+qTNCgLKi+EavanIDxHw6ipja2lVpmJ1\n3f8mGDbgNrZRzGK7Xjmc0afw/4PZrStRjo+HX0ZzGBAg6oMvek+MKbhsRW1l\nEip4ai0t/tLu7+Mdy85YXYn54Usj9XfLLy+e1VVBglg0Xsq+iijKCngiA/zW\noSInYUEAvTZxbQcYO4IHha9nvA6eLQn3onzBJ3ugmx9VI4Pna+2w1N+9xmIa\nbr7+\r\n=64b2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.77a05b96"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.77a05b96_1540329525166_0.39341324678133827","host":"s3://npm-registry-packages"}},"1.1.0-alpha.1871e8e5":{"name":"primer-pagination","version":"1.1.0-alpha.1871e8e5","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.1871e8e5","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"cceb380225db5af6ef6c09b8edb9f45d0a7454da","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.1871e8e5.tgz","fileCount":9,"integrity":"sha512-pNdIZbAAWFg5KcRe6G2vOSx5+Owzycns2+7Z/DpASFUtITZOB79JR+rWLOpqDmoWaMonK09Lp7IpwHrJ7RR/xw==","signatures":[{"sig":"MEUCIHKXwFHGagkxgdpLcZojT6DPGlcWzYkRVq3FeIELHG0wAiEA5QVpmLULv9ZcEOm+LsUsu78qu3DeVkhsz3smJpvlouc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbz5P6CRA9TVsSAnZWagAAITYP/RypWzFKq6rDsDc5/orT\nY1ito7S7K4VobsXSisUnh4sXYo/Bj+H9bcVjaSkAuunCKWd7D0aevmRGNH0p\np4NXC6cMFhibSjrQuOFytfDn+67wXZdhdorfH4o1W91CIKyvbRXAeitHUqEi\ngY1DQZpd4Ub9MMkfxBrmxF27Wb56X1UZ43jl0nwZq/cUCNyR6Lqe4yY1HDDu\nzUSD2Yq4DYJ2TOo5bRrVXeNuhdjVl+obqRYf2bQdJZnVf+a5dYmWiliIexDA\ntdQmMe72qiqJxf+mFTwTYZVFOYOe/k3BVxV621nU+UeBu6ArOsqy6iyBQcTy\nfbp2J4idXFN3ES+b24lEsF0WU0SCvDzzrBIjMZcQn7GEwz09PL/C7QIOZwyx\nnRfLC1bLuBFFo59lV9kn8h7azOcfqqc9gcbPKM3Dfe0r7Ka8RtVPY6mHTkj5\nvA8Y7kkQvmaLiODQzG7inVSqEBnIExDfhwNaN+/sk5QgkMVWWrX5zMnkCz5Q\nGtHkWFdGM+H5iFBMrum7WBjWHZXJBDBSkyKRwhIoQVysCP28w6BLRLbtBYyg\nlo9GXI8l2fSAV6jBdxIfWGKCfB4kJBD3M7svp30AobHcleIdrYqrKVreTBdp\nX+j9mZPbLIAzwnF/IdvyJ2X6Ng+owhKUTGBnN5AwH7MxPpMtp7bLqlEe2Xm0\nql0I\r\n=33d0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.1871e8e5"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.1871e8e5_1540330489608_0.8090897681880875","host":"s3://npm-registry-packages"}},"1.1.0-alpha.44b1636e":{"name":"primer-pagination","version":"1.1.0-alpha.44b1636e","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.44b1636e","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"ff0f2d3e2fd98ee38e12d382f61c43cb355c3096","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.44b1636e.tgz","fileCount":9,"integrity":"sha512-fdJm0FlUfuO+8pBEDnuR3pj1+wZDHxVAvLyXvk2vnXaqOd0ZOOoCD7Dzx/5RPN7Wq5d+u5/E0kxqCtcH2hddvg==","signatures":[{"sig":"MEUCIQCNk7xLvO4MsPMrj9hePxT+sLrqFUOoyfLroCDe9/RMSAIgHluNaICkBsYQWPDimJBX8aBi5bRE+H/LQvrkGb/oZK8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb0dyXCRA9TVsSAnZWagAA38sP/1tl9+lyd1hZ/E23tXQn\nKZZSUlAu42vD8rfO1586BpmxjPK59N2NaaZ405mTHt1PjUay/iz83J4kd0Rs\n58IXp3RFp/BAj6EwPBVpNcVdyfngdZlrv40TvmKF6cUoXCaME3YuKz452xu4\ntCfRnuwkfowGrxc5PIXCrJ+4R70Rw1pnuRNa+ESkQt2ajz0zH3jvGo/lINGU\nwsDgQ+dIJeGOv/zR9NNKyzvQMtwT793RkdNfLL0dIAefTt9HvHp9fTHyBFDg\nSYar+q2wmZw68vaxIIThQYqLAqXrtQEB4CQSkfdT+LNK7O3gHwAYHz16M9iE\nkLzMs7odrMxlG/VGsZlhKkTGpRuD+oxZaOpE24zDsx28T0sXNm56gklzxIVJ\nVJwgwhmE4/esaCMAgAJaKjawAG8WZNF20TW582uqPJG4tYvstFCBz9SL/fim\nJLCgOLWQ0p4oM/FRtEgcbcoyrswtRI0zY4thUv38CCtB9d6SRfy+7TKIKFoV\nhUmHFr1w+YOvQx/QoXKM/YVehO2lbXcTuXqxlYJjI85vkF7ZiulV07P/mo38\nnHGYMzCnEMi6M93scFTWSuhURvYqo46g5BRJ2huzQ7ewcpSPBkUKqws0X6u8\nOmlHv2V+Gm7w/5dBBMNDHQO3wrEkiMKgYLoAblz3P2Bs4uS6oHcLSVl/QEMP\nvgew\r\n=NWTO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.44b1636e"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.44b1636e_1540480150720_0.004975645759984992","host":"s3://npm-registry-packages"}},"1.1.0-alpha.260b88e3":{"name":"primer-pagination","version":"1.1.0-alpha.260b88e3","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.260b88e3","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"0f52e006a67c2093485cc365cd9939a7e950be6c","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.260b88e3.tgz","fileCount":9,"integrity":"sha512-ECbWoS1d994QoCAo9HrzAukRRd/YMc12BkXNdagJXDXBYyuvd0xILwbt5b90Pl4tWOdBGcgWrLoH1F9aBlTIrA==","signatures":[{"sig":"MEQCIGEHZYlBAdr1rhIirnrGno8PqpxRi8hQruQv72x6HvmLAiAP337TE2tUh0hFe4B5IbDsOJpBj3+wtVFF/LoCV3KpdQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb0hz4CRA9TVsSAnZWagAAtPQP/j6q/ylykCTLdVDKi09L\nmNuLaSY0/3vG3qtmQwBo9slZrUqFkoT1TFUQhMpyyCFzy0Ev7+T/LpNbcqYf\ncSw00pOMQiFXkS75hvXYsFIhQi8HoDlUi98ywDxkchvxRxeF2oLXH4YB50Rq\ns+JC9ieB4xAjdncLPBpkYbumPqm3VpByKn96MIP/aouo94zfo9h5WVjxbD0u\nuhnfRps01YzD0inzBi6dNL410J1NXOQqutOloA1IIJ0ksDsn0/u93opLQo0l\n4mzYv3StYyhUHjow1JhY5/YcJmp064Iw36pVVX2NUBp+JH0jRRrYUd9YP1Li\nadwSNWqo+qNXXHYAizgd2MTwJwPKfvbOA0tVFPQmlLgikfB50twZdr71wzN+\ny2+YPgf6qFprO+RdNbAWtW3+xU4SYel/i8o5IOB35h1eIVXwZilwmXuZZaOM\n94Dknk/ljjDpjTpC/Vn9iaCiffTG5ojGtcZ5MbwBvDuj0nJ8Yzvj+5QP8W+/\nJ1wcbXA5gHxeam6IY/57xCmy2bPbZzf0R6Gf+WInmMjvCB+1+mTC/qJGfNZJ\nvWLUZxUJ2XPq/xP4wYPKz001+X1FtWj1zgF5n5g9QlO5ehjvRsJvUXR5CnuX\nltzE7FQ0IyuxGf1S0U6qV5gO7ZjKI663pnWj7GIenGoJmRXjktivTPoKEHBW\ncSej\r\n=M28/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.260b88e3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.260b88e3_1540496631923_0.7013250707181582","host":"s3://npm-registry-packages"}},"1.1.0-alpha.d94059f1":{"name":"primer-pagination","version":"1.1.0-alpha.d94059f1","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.d94059f1","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"00ba332e5adea8565f937ca056be2cb6d315c7c2","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.d94059f1.tgz","fileCount":9,"integrity":"sha512-ONmBkmNHNdPvctCOVjsp0ny9Tx8m7cJbGOalNcshSPFrf1FfBh6hgLvOTHnZGkBUzhj/jL/LBBenGdCXruD8rg==","signatures":[{"sig":"MEQCIHINPCYAaCicQ+EbDWvDdROBEB9DgpFOmGR8fQQuRQbiAiAFU7igmnv8d2/LGp+x2QlCPVPns+ibPtr8OBptHDCxDA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb0icUCRA9TVsSAnZWagAA8jMQAJ2I2br02dAn/TnZx2Pc\ncKR0LCY7qyepILcSTJEoMbHAxQnb17HVbgL0hOWO6nK/eymqNEABqBJnDSJ6\nQ8PGcIEokre8FQ3jicNLD2v4MFnConLGyeVUU1hxiz+Ft7lSNjrSYVbhvn5x\n1Sjircsgn3lDXCGpfm7JdVFz5GbM1P+gsKmOxoAzWrd1Aud4rY9hmTE3PUQw\nusEWaZSeHzlTLuXGrjvusmKMngzV4pyq/dZFwhyrEPsE7Dozdq371KXivyxm\nRPy+3boirjjeCkE3QUxoIdOCdI1J5Kl7lMRpHSNIQwBjPphNb9kr0tjQzr6z\nX00g5M3GTHLGL3PrbrrE9GqoLvgmbKMad+qLpYZLiBQ5Uyf4IYcOku29XQvs\nQuCOUGUkjoNv6JNMCIduMuseM5uTwBVh26Ms9cANNOxQcRCGlVrKHJd6x94Z\nuCSZUIvDNUDrpB36JJPYgoa5qFnJWyjLqIc//gzSB0MY1/3l/4NlsIE3D9Xo\n/kVyUb5HvAXDRn3MPH25bfu6G7QcRVq90l/+EXv8uT7Pc7FVvpUPxH3aQEc/\nCBCm2IM+6TdHnbS6gXOk0nBD7j+bK9nlVAB7zfYIypoFcwyrJQbsXLaMfE+P\nIpstecE5P++13QN2PZUwMQIKtHMsJMCivaQ/VADMxz56mHmJqSszSDfD3vj7\nCBwk\r\n=dqqr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.d94059f1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.d94059f1_1540499219965_0.36441066577856285","host":"s3://npm-registry-packages"}},"1.1.0-alpha.1d86b11a":{"name":"primer-pagination","version":"1.1.0-alpha.1d86b11a","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.1d86b11a","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"fb411ca653c687d84640715474ed7f54c6fed161","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.1d86b11a.tgz","fileCount":9,"integrity":"sha512-PalbtGhRcx9TOU6F81PbUNA3pkUETDNU3c7bxCj4qGd2e4yy7wupgrlZ1wbQlUBKM5nb+qnQCaQxhjGJ2TRvMw==","signatures":[{"sig":"MEYCIQDNoB6uDLpb6RY0kMrMxua9s9Bq8C2XWGIS3Qsl74EsrAIhAMbWZSLPDD0iApP6IUUO5N/cUeFbaQOJ8nx13/JusKZ2","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb0isYCRA9TVsSAnZWagAAJ1sP/3bSsDq6Jm90DRcHmhcl\ncGf48LcWjvIoQ5PfryvMC8hCTIFCxzydGfHFMlOPyu2l4WCz/F+4kp0ye9G9\ncwDEcolKoOjgTDmxxwNHtXcsg/DNUt8SBXIZ+dhhB/9+QAvIbDMWqce+yjC7\nqVOXL9D+8oBwCSs+sn+aZEyfI55D/WQDrjMAssSHQuqjAUEvAhwKs/qfqhlb\n+s6z84iXysF3z2PAqcxPA+nlZJT6wRC6gGVkUBwkVuc24mW/xWPxXnncslmI\n5LxOMLe/2+amqmPmo1H+ZQ9DecfCQEFlQB1Umh7CzyaqAqCYVsxP1B8wKULD\nrfgmDnseC8+zf/LBW5sXO+DCmz3AascJvRBKpx8ohy16AsX7BFopRGKfY4cR\nR4bqBX2+7V3N7NBzzG0UV29R1q7YZqVBCb8VTdMN3ttR+8066iqoAUcdz7rQ\nAgZkxAeO1SCh0ddm4Ec7V5fhzo+GiVMAbfSN8V+UVlD+HVW1pIbRMLRWPwkA\n/9x1lu2UkiF3iE0gLCM6p7ZyvYXcymOuofvvraykg8UlZHttvfTA0Y6X0/RL\nkCMrIxN9DfNvS3r3/kpe5SO06vSTsP4Bv1qVrNqg89C/X6pBl2pWdrHUIrvW\no7qZKuiRrvye/6cvuaJ1wJFFlryUPEan/1ij9M7+hSA09oybnP4g4zM13+kQ\nIRhB\r\n=FwGa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.1d86b11a"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.1d86b11a_1540500248157_0.3676057483902291","host":"s3://npm-registry-packages"}},"1.1.0-alpha.6e8eee0b":{"name":"primer-pagination","version":"1.1.0-alpha.6e8eee0b","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.6e8eee0b","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"285c5ae17168a13db3282b5ce45e9d9bf2cd68ea","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.6e8eee0b.tgz","fileCount":9,"integrity":"sha512-GpQSuH8Bm3dUIX+lgELFuNvpMi5p+xK6+D2/sP5rqrOxdwWdT0nsCkn063+ZQIzRfXjNXm+3Cx3kePrNfDiW0w==","signatures":[{"sig":"MEUCIEQm0AOwftwOD1hSTargNQR1rzCaXiMMziJk11quZ704AiEAq1uigdcPgPrcLHlUuLhDcrBUE+WE9OodrdUrQzN96MI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb0i/jCRA9TVsSAnZWagAAUZMQAJnrwv60GLbSqrF/dajI\n19bgCz7vuxSaLcKDMz31S7H1B07nYK3tT17g9/v75Gqf2QNDCYTDd6Bf/t/z\ngWRxG81IGuTHj9peHeap6f12fX9eLBkxFVDnWw83u4/S8l1xk/tfxa34mP28\nVBiJ33fMZcsns42o1zIqk8lYXhwpZt0LS8ogp5LAJSUyyEisWUfLazP6GTok\nq+s2ZHDrsT12/r6gNiR6+IyNU9JdoVMK5oXmNVAm7nsO58wr3xZ6WhcWAb8/\ncB4UJ6kM/7wutusDmEyjDdahDmRKo41mwYMo9IJwpuSgQK60vq3Mtny/61RK\no4Pf/1zNrAf6rjUvrnpiOghzzVaUTrVL7W33/fgaTC8LePGiCqKrEefjfdTh\ny8mDPxDJLeIqqGHLmhWSZWAacZQ6e3X7CrNZcicSF06hgNz0j+KRJW2HGTFo\n0t2srnadZNB/Qg6AbcVKFu+flqX49Z/5Ka4UIBDzTxqKu5M1Ai8trX1d7014\nkG5zZpz3R3FisESJ+jQ7yEWrZBxbByU+nRsCLaOdxJQB/Msx3MF6eC9YcDfO\ne/Au7izVkl8T7VC5UgUbbi5N79ZkiANXqcabpq+/Up7oBL5fsdIiLHIH4EVH\nvSJ+41DF9YaNAVP2AJWTk2ibQ7gFRVSqaqQfux6uBtprXrlJQDVtwzaoJ2bR\nq5vY\r\n=DzSi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.6e8eee0b"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.6e8eee0b_1540501475126_0.26078927436612354","host":"s3://npm-registry-packages"}},"1.1.0-alpha.f5159d01":{"name":"primer-pagination","version":"1.1.0-alpha.f5159d01","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.f5159d01","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"ef76eba38651a498a3b53c1e7427844b55c9e97b","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.f5159d01.tgz","fileCount":9,"integrity":"sha512-wWwFtGOrGR5W0d2Xtfk3RTNp4r/XffJ7IZBjKIXU1co3PLRadZYI4jhleoWOPlvrKf+OFFATy9Py4jZeLNCgiA==","signatures":[{"sig":"MEYCIQCW8PWSx+tfC3NTdMXbZy/zT4EB2T8/fh7AztRJD94trAIhANFMmGk7essxHyYD3cQ8vQWH6dUeI+/pc5IgxoVbShSV","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb0lZlCRA9TVsSAnZWagAAK1AP+gLFYv6lffzA4TMf5xu6\nQ2w3O4eVVQTmMznXQFQgaZ3LUggyuNPkkypN96mbSv8Uq/yPcnv7E3DHjrsa\nIPL414I0xBdtl6Ss0DNnshZRR8SuO1zFqvx7jUijMycftaC1j73XHSb13n0O\nAjsm/mav1pBjV+XyEylcDlGe3wJ4UoVp56Hsx4GQO6eD+ETjAXBxHZyPWEUr\nYhBjUpKGa/78Oq7lIpk4cO/uTPzqPl7PaE3hZy6+klzJAlhwWKwtCXEuoMek\n8J0ajTEK/cEPhCcyn8m/wDDqj2PWEQ5HXl9UmbL2v5y91tDMCgbmQRDkR9t1\nX4TGR5YXV8056l5TzryfYqYKXPEZ5DVO8sW5QCzi1N2ecwUcC9lrtHMR4gfL\nGuU49oMcZX6/LvJwAaP6Mi8tbWC6EhXtOC8tEfSn4VjqvZPkuX3ialTlC4PO\ncYz/f/T9pVB5O0BSbqZCIxb6thJyEX94O5Qt5ZK+l1icGb+kZarQDImjrtA6\nTJajsNc9X6f+kel8WsQCkp9VTFZlpQ+tFRjfomK1gipC2grpcmyxUt7RK5+k\nlXTai9NrXB5P5UmvaC3+8gnuua/XiVeBSFmoO6UzBPyU3wdzaZHlbfceKDL7\na6N8LCzI6PE1MrkGlJ3hoIhUnP2iRndtSauCyrLCfKndJiy8u7zoSfDrniFF\nhwQL\r\n=iKXH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.f5159d01"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.f5159d01_1540511332629_0.9704856166152482","host":"s3://npm-registry-packages"}},"1.1.0-alpha.71d3dd4d":{"name":"primer-pagination","version":"1.1.0-alpha.71d3dd4d","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.71d3dd4d","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"6b4283921e4466851f4b88ddf10eeab9055dd982","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.71d3dd4d.tgz","fileCount":9,"integrity":"sha512-agsmvmd8ih6Rvj4Y8QNA+B8spmzjbrX77Ii7MLFTipq71rhha/Np3xkdA8r9XT2MRb9CGi+kbVmAAMLt5LZl+g==","signatures":[{"sig":"MEUCIEONYp7x+r4/VhvFeY+zA+7ogd6EkG6v5qz8F4ajneAPAiEA2Z//aJL38E5kR3+WtVmf1OptjWhTUgnjMhLmg/DiE7s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb0n7wCRA9TVsSAnZWagAAidIQAIjNEDY4qAfuup1Pcsux\nW8wm5il7fFh0ok0Mz46fK9nVmeYMSOvLCy+m4nAVFUrZndUaH/NgXbUOY6Hl\nbbpgwKzv8vfezEbPXjCM99qVFaU0w1awj8t3WxTYXdl1QGpoYXqo4fRCxlFW\n3ntotwtwePaNB8OJcn1jj5M3a6waDBKos6Q6C/PiHAFtBSLVQ8sLw+Usx2xx\nmiJ+w1KlMGyp00iNiD4JyaEXjPIQjeRtJJ3FxrF0M1FodsNg2VZGyyayuij9\np70E53NetUSPXzqeOKczERny1tjXJERwEnlNJlSWE242MsePyshoh+l5dYPH\nN5avSzoxCfd5D8x9YP4V3C8d+qPREZ+qPlazDbeMH+BwVssIZHdUJhq+pox8\nECV4D0mF83R5dG+/Defyr5OrS4MPV4o1Hy/Rb8ggv3jcZyJJV3zoSyRkfTYK\n+X09FtVNnTjxnTFZPgirexVtdkHR9QT/QLkD5WHBV/NTj7uDAJq5f7p0desn\nhGCGDOwJnWg93Q9qKcKH+0kHJRlltMK4+ydzRN6KIVsCMXrlHxLgXrMO0qKB\nh48e5pq6DXXRJWCHRks1CsbZe1FvWR6vL18omoqJfqFXQFhxSS3+xGr4BDli\nm7EmT/TcVYFCP10QRInHMrc0vvfHItBPudB32pTPmPmgqLtwxCzg3UXWOxHO\nvypY\r\n=HugE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.71d3dd4d"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.71d3dd4d_1540521711326_0.371188738741947","host":"s3://npm-registry-packages"}},"1.1.0-alpha.8147bf9e":{"name":"primer-pagination","version":"1.1.0-alpha.8147bf9e","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.8147bf9e","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"df8415f521da951912bb608c64bb3abad3ddc988","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.8147bf9e.tgz","fileCount":9,"integrity":"sha512-aCBdqcFrt7Fezpe8YRiRaeCapRawQYXbRm7nlfzrnpJQ9J0WClpPKOff7WHpq+e8Zc+fr26WLXQrs6kz4WHVWA==","signatures":[{"sig":"MEUCIAIdX+r/jxji4LJ5GhQS1gXSNnVBHMKTP5eynO0v9qOoAiEAkV5elaYwn0vgPCvgI3fhSkw1ml4OMgVlt+wUEV4pmaM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb0oEvCRA9TVsSAnZWagAA/08P/i3Tlkn0BtFeycLIOXIV\ndw8okpCVsiyp9q0ZywG25/zi5JSeFjkpnmlotuyVF3hRxnlGPO3R8Lw21tYw\n1zP/pAtz+CrM2mYu6TxsEoc/1x8RCT9zpyW4410fs80X7END4aiEFCrUIkV2\nwOpb78OYPXSWlkafIyX+HM/oRqSifZElAc9wKumLNbneXh5MqK2bSCQe2vbE\n4lFaDgqgZlj/+Kk0iuoxnZNzCTSuw6dEftldI46ZfGNsnuHKB+IIJVpGcgbH\n9/QaUgzXD9L7njAA8Zwi4NZqKG8dhZ14TIByMRLVeV9XZn9krfXm2bAKjcru\naWaYjE2xa3ZwJqke6RcA2aNRabv8EBN9EJF2iuwtgrYy3wvK1JpaxjCjUqVM\n+L3dBeMnbROBFCduOFbw/4UZXJf+nk4hcfh4GoV7i9qzghxNyBouCqrwxt77\nxTX34iO4VFDEPyi007hWlMmvzONugAOJggB/6b49EwDRYIwXwJNJGPzQdt28\nG/0JCiOyXjZksuY0sk8hOD26d+ZXCj1pzb7U8pIAm1zTXjPnUiGdwFT/BKMb\nYqTPqUGaNHK+hsaDQZqttZZo4+r/rfzrWfe6LTqeEqZcfOqPgEw6XvoJVjKP\np8y0+4iyF7et6OzhM7Ta219Dp2RwoF6pzCqeqs4hnm4PyVPChYDH7tVdr9Pe\nziFX\r\n=gDTT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.8147bf9e"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.8147bf9e_1540522286366_0.3938032318819955","host":"s3://npm-registry-packages"}},"1.1.0-alpha.ade07006":{"name":"primer-pagination","version":"1.1.0-alpha.ade07006","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.ade07006","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"4eb69a176cc0edc4e7dc7c6b7911c1b820743a0c","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.ade07006.tgz","fileCount":9,"integrity":"sha512-fmRBGsDmqUQ0xX5iSbxQ6EdhjmYPKU7SRrLA/JnmKq1BXnD7/AMeSUgqg7x/Nt9mOTDuT+btHhsjSBLAWKMtcw==","signatures":[{"sig":"MEUCIEcaJd8iFqSjINbCbnRNso6CnuDi5JZ3DZAyqpEzF+rjAiEArOgY+DPJTU/0D3fkokigSb1cKaMiJw3VLeYww0L1kNs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb12PfCRA9TVsSAnZWagAAKU0P+wY4TzLEhlhIoQ5BsYDF\nuUuu86n4rVK6Sh+HjYQRj3mhtvm6DX8fAqqGhUTA6HjITT4ueTOT9dAoSnRv\nhbC0/y62+aZmFm9Fko0UIa5/TxyblaTcV9noM7jhBsd0bz4iwf8bfBYUlPgn\nWU053K5zHcv1M1nJD+zvSQMKqEAQHs3rVE9XJZsxijRbPnWrAYf5P3Vbj/Gp\nG/4To+B0h6jNqKvSgXNvRKRlURPoulY8TGHR0ys7h9woK4N849Itsglwo8zI\nC+tT9GV9ct7lj9bXLUXWg5M0H3pr5DoE8+/Ivj9TZ3TlYHV3zqMR17GHoOkC\nAVe3gYbPiFrRYoxeSA8DOJ4FxlYcsPxiePud9Y3Yf2vCefyFdG85beV2RgPd\nv7ClZM5KhHbN2Tw2DllZ/RtdF2fKYxg4l4OoZy9DHnnz2tFq7DPMw9LNMVdf\ng09OGVCtLcA6kBAtxC5b+MosDC1FhIoTFIPHZizmVhqrSdA0EKLr4a0Y+VfI\nk8WjOANKNSjNE/+hGgYBm3jJ+9pmE4XIm1pQp8tAzgWI8JgDyrPi/EEfhX43\n5zhRkx3gZdz0hmlv756pLVJBnt0eVI26AeA38YCRRCIr/KpIEnbnvuzfryEw\nCn+o6Z3VifjYT0x6rP9sEJ4jKEw/X1lHy8n7kkCp8e9BgSwXd18NwFjHQryO\nQ5t1\r\n=7xGP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.ade07006"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.ade07006_1540842462510_0.20706115448420936","host":"s3://npm-registry-packages"}},"1.1.0-alpha.6e00d1f1":{"name":"primer-pagination","version":"1.1.0-alpha.6e00d1f1","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.6e00d1f1","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"7823bdd4ef0e79e0daba15d9d86fd512bddd95be","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.6e00d1f1.tgz","fileCount":9,"integrity":"sha512-8y3gM/0N0jrwYJXOQBVVclHKM1W+15pIDSQVA7bZ98pdDZu3DjgA8eb3yhSv+wIi3EOOHovWkQaFQXqQpDkHig==","signatures":[{"sig":"MEQCIC2pHNyMtkeVp+FWXVfUyK7rR1N7qgtBRuKKg7aAlPkJAiAga1jxlWPsBHWUihnT+d+vuv9dqpbAYbcvCcbt6rBwVg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb4SOBCRA9TVsSAnZWagAAS3YP/3j9nMT/r+qbtC99f60i\nHIZ3UOgzKxXXbk/H0/4kLoJq1QTwg3gUHpKLBFf8l7WLIyVwbDga56kExA1k\nhpd1dUeRQDdXSDiY7TcTIWFZWIq16tzYHGC3nifXrSfsArEMKy1gRXHVnl/m\npi9dmtTaEi0cV+tN8aUwF86Ap7UHvkPjUDFP8s7CAVw95P3fMevSeGWwScqL\nq6YKDrYvK66jhKHhGj+tNFoR2idZuHrnVtI3T7my/oyvaRwH8FMhGjB6viQ7\nhXCONS+W4YK8FKjKNLm50oGH/SyI4DvlniaP1rRqO9mAuCkAZzUeuSsMdQ3c\nyvCUPsFERjS/r/MOxh2Tw7cqbXcic9swQmfGa4HFXp1N/SSh7P290tWWiJqj\nXQaQDlT5sXUAGPHpm77Xk9oZfmUPpbsI1SxgrhtA/hEx/QnxwGED039BcBFd\n9RL7IXBB6Wd1mfesZU3qkVwqeL3a/p2CHiXPYCnLKYK0l43YFopI98KYD1Y5\nCCnn3L/7qtPMw1d7lcxUgY31v0aOZuOQxKGoDVy6VKK59YogizEH95jTZ8fq\nqEAmel6w5javPLxRiNAOqIEfJLgpBvDFLinnwqrRZfZCjpOnRw3+X6sOvqPS\n7aXSZYwVnp3Suwg6ysQML+9ZqE+qCnEq7F7GWo6E7MY5OL76tZLKK9ZgSkWM\nuNv4\r\n=7iNx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.6e00d1f1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.6e00d1f1_1541481344658_0.10288367051763703","host":"s3://npm-registry-packages"}},"1.1.0-alpha.a81416ae":{"name":"primer-pagination","version":"1.1.0-alpha.a81416ae","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.a81416ae","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"4aee98e6f381000f544e6bca709d0f3b6c3025f4","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.a81416ae.tgz","fileCount":9,"integrity":"sha512-YLqMx2TbNPry8vqeaO758Nkh8GklV8Z7qC8Kq/DrIz8doMUA0SyZvgW5ttS4wXfPU6VgOmyFhu5XoOLipAllFg==","signatures":[{"sig":"MEUCIEhr1xLToVgPUURM7s2a2cHI1krNpnjq6T51OuSAUMXrAiEA5m+umCjlSfzaDQCS1+S4ca1gKTU0AnfLDABj0fpUECU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb4SXvCRA9TVsSAnZWagAAEDoP/3RC6Tgk652oDw6AWubj\nE3KmrL+qLZie+ggSSlNJkAuCTZxAn96Qi/hMDJ8N5kyzgoLUuYDk90DxJCOf\n9teNzxsTKifW1Rt8KpSnERWsLbKG8JQARlIoixSFcbdU9HMJN/SwIB4VJtoV\nSGn5RdKQz3VMv5tmDQxPReUCNmhq6JykIhIm0swXK+L5iYzeuFFvrdFXRCaZ\nQlgoVvVQZX/BwA7ImqQhCqgaZ6P1mW3/qsAdX5ao72+wggtuA6gKlfnwAAq0\nclLkMUM39GFnO4AbRDvmaiAekrO1chkduWgTmH68kxw3SAzrE9naV/tkjRjk\nrknZkx1hX7Qhn9QqYo84mOBTBW7vpgQ+iKHBSHUrnmo5JPd2jCfidwcT8DcJ\n272/4Vk2M3P3nZNg3Bzq/cCVkXfVKoBuZGUsV6tAcgc6/ktY8V2DkA8fRmJU\nhMRdTFUlXNt1GzQzzeKsi4MJgax877vTYkyjLlBL4Y+134va1IIb6hFN9yUB\nkOxKw9zBMucX84gjszd+Afyquz0CWcVM0k8DNGZZSU74sk/DJeOo9+XcXWag\ntUw5tngBuzpkRiryqR8VZe14uy2g1bjnt/AJJ4aNQfLTkGWzOhZfiOT+0LcC\nwml8bmb/Qi9UROHQfByasfstyHTOHkgHo4IZzYTkgIDCrBiRrGhdPhqtKp8s\niPA/\r\n=6Gg7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.a81416ae"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.a81416ae_1541481967135_0.5231888889114338","host":"s3://npm-registry-packages"}},"1.1.0-alpha.3487d68e":{"name":"primer-pagination","version":"1.1.0-alpha.3487d68e","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.3487d68e","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"c40e71c17278de01afd9110a87a3bd72e673d606","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.3487d68e.tgz","fileCount":9,"integrity":"sha512-bSL6TKyVe9JiDJ23o6oWkISsOoG+M/37Nt+S2kQEYsv1FLkuSv0d+q/dIkA7DBOmGv3uK0jomUF0vhqGuQUJ5Q==","signatures":[{"sig":"MEYCIQDdE7ZtnNeumKO8UgLY9cZiwMYqHKVvHkWj4e8I9zMNOwIhAKk6rck3GPX7CjwYTVGRPVggrl+OiQVG61fVM3FXkZeP","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb4TvnCRA9TVsSAnZWagAAuvAP/RbCHtDSu1VRCG0C4YAn\nH+BVovcRvHXSIaPHWr0ZX7kbaLTXqYeb2Px7gfZAxxpn21HGQ5CyxmEN1WWu\nGnR1TkdZTReg8pINyZH+gQi8cGfZ5SoapftZGp0gW4VB15qNd1y+arwAxp0k\n4whpbqtUT1p/K7v09oNU+xFtiLzNSelhFQeH835dm+YPLJ5YUSfrNZ5p78Uo\nJ0fe3H4dV3fBHU9H6i2K7IAEh/4f+drvnkMpqB6bjR+N1p9nGIK1RU3LBV3O\n+FMGknjTZZn+g/dXZVvBkGvlh4XMMDH+IolNIqfJjZlzoa6havX8FYThK+GT\n2zgjhBKDamISSsO2zQkcSYKJag/OWQOIBdJAOB+fnU58KVP+GjGmMb7tM5Vl\nPdeNJbP4CCyqSo665aM29MV41Rh189/qaDbQIKMlqgs69k8zIKpA9qVgnID+\nk5IayMnVwgfBe9/DTvCpysQSov5XwNeDfv+kQLoj0yOMh6gEUp/rgE06D3P+\nt1mly2ohOYFyny1sEEP6zW0uTadA1r2QyZm5DW0E6JUrAUbtUuME3WuO6V5n\nTPIlZgs5QkPGL8gA6vqTXCAyIrpzci6oI50zfHPWoUZrRSSf5Rf2ady26eAc\n+SqpbtkZ8jzEB5Zk2k3VtScrmC94SyYp7okd96lbia+3Gh0Q42Zi0Kcu0z3m\nfHbW\r\n=cjcS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.3487d68e"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.3487d68e_1541487591038_0.9734520055571569","host":"s3://npm-registry-packages"}},"1.1.0-alpha.deb27cb4":{"name":"primer-pagination","version":"1.1.0-alpha.deb27cb4","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.deb27cb4","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"26b361593d5978b7d3f80202cf3cf188e2127aaa","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.deb27cb4.tgz","fileCount":9,"integrity":"sha512-ivGR4THM3WHXDkbtpkx5AEpmoFzMlveoAesU2fmmDiLZimhlOL402+C4RksVpucNspbmtDN/q0WwQR7GUq/liw==","signatures":[{"sig":"MEYCIQCNicBhGy35pm42bA3T0BLxH1tS4lSgyuFZOMKeoQ5F2QIhAM/I0wFhHJcM5Eg8dAM/20WjCB4QuyJV4/CiNSpCuMCI","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb4T4fCRA9TVsSAnZWagAANBsP/1ralGpehX7as6Lj5/DJ\nLuOV7oAmXBSaVrKBk5VA/rd+p9m6wnf0tSEdA8JDjK27hI3HWP/sJjZaQiUu\ny5CVi/4BcK/Yva2Ioxc5GYc6V7cghFW//qP/TVE+QpE1PX4Z2cq1Ia/gOHSm\n23U2N8QlnvjKsiy5P/r63EbfETop6snD9jW70/fbqTzecYypU40RCLND4zlf\niE2A8LspVUyIFPNQaug18prtS4ENugYbicaZhd5VKhmpBfgaOFI6oZgX0BmN\neXFrRQvdcGdzzpCIhRwiYIxTGGZ4Qu0+J7rSjvSvepV/a9EeYKhuwnoeuo/r\n4AMdziuZfNLciNHcYR3di7X0XTSRA5k6LeUdxl/+9uOpociRv5XpL6YwlT/i\nSm8Ztoq0VUBS5O+hed0KFCZWJY1uf2JBhsLm4rWBkRb2frjWO9R8hRoJF41p\nrLqDtrqR+M+hjyOOYciH5wFngItjWR9duqSPB7BgdSO8Dl3TOKJ3Zqvrb8Bw\nmZ31Tc9inZa2RgNXqKDlQuAHM2nyYTGAhupdqtn9jD1aVPZfi/SSQlxpu9ox\n7bl2nm2gSwjhGu+foK58IM3p7/05Gx7AJpwhfn01bl57pv7cLBASaXhsc1mT\nB1ksQ0VpXmM3JdMT7LXjxwJXap6lYoRW3/8Im6B+JDjxF43P1vvcB29hJo6Z\nzw4M\r\n=m6eO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.deb27cb4"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.deb27cb4_1541488159371_0.14256020106403744","host":"s3://npm-registry-packages"}},"1.1.0-alpha.c3a1ee2b":{"name":"primer-pagination","version":"1.1.0-alpha.c3a1ee2b","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.c3a1ee2b","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"bb3be97e035cc21fa629a8213f267dcf819daf97","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.c3a1ee2b.tgz","fileCount":9,"integrity":"sha512-G1BikHdKUVX79vg5IuQD4fZGulXkD82WOnpl3/MWRnqRm/zKv3xYDcJI+siZF9YhnCiwqPyOpJvMS6XRcLiA5A==","signatures":[{"sig":"MEYCIQDuGJ2G4CY1IkYfPTawhTwMLYFuRtZn7M7xN+rsAoObDgIhAOMcfB16MUTqssNxjo1jUCx4Yly2Gq6BV7GNR1lTLE3V","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb4T5uCRA9TVsSAnZWagAA5WYP/3sopIZSKUULGa37D8kn\naMXKihtuWeE2mct3xM4oYIaWYbIJ9/NVEaExG3wTZ3d3KrBiXiHLyXwNPWy5\nHdUps2ugkSFoaaX9h9ajgHf++uFsMeVl9GmRzEfRzyOgQktunsnRsgmTKuJo\nFYv0SANJrzIuEGvTXygVEY6RrP/ZJ9VXjkJlketKYmVctO59MBQEek+vsaLF\nyWK/UMXkxzh/0Oyn2my7SnZWrCOwL21zAOnP/SaNfYUL5nUToGboX/LlYJsw\nlt+c8/M9oLUBfjd7uz88qSE5o4svYo48hb7nhPJHL87I8v1KanieBiBUXWzk\nvF/tgbJZHnr1EthokkbG73LRBJ/XQS+WO3fdWBM65tSjpMH/p3r2o2madCB9\nRfSE2/pjdboMBoJTraZKvb0mrJPx1W49bruDjmRHfb+5+yfALv9KUNIRx6X7\n6gilmlFWrz1Qsot0O3WfIEaFO0KBh8pxLKqHrmLdEJa9dQivCbz3uDDVOEYb\nz5miBwku9wRqXFbOl/eqAc8L6bhPCGXIT0+N6BgHLL3C5XFsw90kCEfWS14S\n5DKzeLIfeTKmEmu2K8C7Pmzf1AfOH7Mp0hcLz/I1YYQifqsK6WDkIpJnKL4q\nEHC+yRf4lf26L0Qetn7/XOvtU/mt0/7+hOqq0hbvUOajcViBrBd7VXa+zLMK\nMJ3f\r\n=sFwS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.c3a1ee2b"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.c3a1ee2b_1541488237906_0.6959962101997339","host":"s3://npm-registry-packages"}},"1.1.0-alpha.6ac5deb8":{"name":"primer-pagination","version":"1.1.0-alpha.6ac5deb8","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.6ac5deb8","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"e27a95323ba9faaf61658841357bc517a60dd672","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.6ac5deb8.tgz","fileCount":9,"integrity":"sha512-EoL0+mDSXpEKtf2jZPpM7YhJ7QEH6sj9qedmeUWHOOLLv9JlaZMHjyrBX8gXdY0T8R50pH0zOonwZLL+X9/OgA==","signatures":[{"sig":"MEQCIHm95ZEvpQNfTppJGNdou7D1urMZ8D5z+1I6epRGX1wiAiAVrG6QdrVg7asP2pMVCtZxu5PJ1pmfWaiHBvsbOF7/xQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb4U4VCRA9TVsSAnZWagAA1DsP/2cATW2kFkNOKk0oWAwH\n+Z5P8NeXZPtfWAWaQ+aDVlcqEoUXpjisJG8YiiSe0b9fQ+GcGksT4ybx+mNt\n6SAeE+c7w7ikw8sSMfmtfmpFO2fxLFzSW6JIrkLp6H92VHcO9Y41IcxCp585\np9ZpObirk0ohrR8T5AakEP5aOoYXyCKVemH6DqUcQwziSn7w9ZVs8UtGqF6a\nQ0DXrq6Yns6kjl9zJJIqQGZxwfS98f+q95ealKxVjUfxt3vIiUA+emR05wml\nMnq4AN1fjng2m3lhQsU5K9GMEuJh/zhPLhpc+E7oQ7fUmQZWnaIfV1Np5obY\nbPweY7HK6PzMwLZedVSsOQYaqoNAXs/COyA3L68ZWkN23sxnONevlDFKOf/r\n2VbwTe67zPDC5zPGOJnCYmrkfY4ayJxFKaRwD1duwphyZYi7eXsy2mAjXx03\njIcqJv105QvG52bjN7ZXBMPrBXa+t/hydgAiobyUFQLhFPZwReAZLOc3mZ1m\n8s4dCVVgvFMkTM+YP4lY0rDs/0fsrAT0b5X9wS6nAMgF3hzDBw6pshguFLBV\nNRBHyc+JGHuwpsKLEaZg2OGx5hX4wBfXr+/LNoJH/osfikhCWMUbLygjkgbl\nFHldln/00eoY4AjhWn9pSh5vUSjiTzUsYk9GN1lNEqaXBbbmWXt6QGxRTP9v\nM0+j\r\n=sy40\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.6ac5deb8"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.6ac5deb8_1541492244959_0.6034755536993681","host":"s3://npm-registry-packages"}},"1.1.0-alpha.c12761d7":{"name":"primer-pagination","version":"1.1.0-alpha.c12761d7","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.c12761d7","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"ca622199ad83234397e8b0631fa291ab0e4e9171","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.c12761d7.tgz","fileCount":9,"integrity":"sha512-MHTgmQCn0CFM+xnGekEi5dZD+n5tf5fV1sVE6gZdRYmrXKYE4ty5wPrHMc0eHVejY2eW7pbLMjqVv8qcQf9+NA==","signatures":[{"sig":"MEUCIGaTWJ1NJPn4FP8uLuxFkWKhI22DQAImbDbXBYYV/rUZAiEAkGwqfvo6XiYSl3Dtru06x9CYpPT5YbDuhHj5gqXml3g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb42bECRA9TVsSAnZWagAALp0P/jBxvaSBrPUnYndOB1yM\nqYifry4ZwXsGlTMlgY4cGoEJuuL6TDUQDIUVkZzinhozh/IGEBFO65fKiuGo\nNcl/vXxUivutu7P+enkya7rDb1CUWFWflTWbyGT+HnTa2Qu24xbp84ndZw/k\nEf5Q3fy/CfNBog0LplKTdnjfmzOLgat8vGE7qCdeprqc95VAoel4L+XIYeET\njfTJQrjU5ZHoNvIbwLZUu7t13+Pg3hv80daV2HfKhuSpCedirG5aN3y3FMz6\n7xvS+Dc+Z63UwteTNLCRmdtwG/++hmkURkq2LhdX3Hwof4JkwlTDTZxpkezm\nRyt8eagjQ5synzAlj6OWznKwP2xrHPqJUZG08rgNrydEJcOybOqPRdB6DYYK\nqO162kbp6VIJTtKPZxSDyYQjJWE7+C8iICNWm/nUmY906r1bErOwIc8/GaMh\n3wTwvSH7yuXAjzJNOJPQD2UqwziSVR5iYI5alK4gk8m0klx6YMQ9O5c7QoQg\n0GiTvcWiJ2IYe45S1UhqBLcsRplR3h8zPeLEeK9Zk+fEoLvDJPq0r8V4vJMw\nSJereS0O7bwLMMHHGnG0axWNL63OTSLlK7y/GwvOtoSyjI6XCNduW9WIS3eS\nFXcWIOYzrJVk2lDNJxNT84PLSEhyklS4yVd/uVl5B6ADgJgmZNlhRv8Nk8tF\niMr1\r\n=+7Fe\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.c12761d7"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.c12761d7_1541629636272_0.9316338223676415","host":"s3://npm-registry-packages"}},"1.1.0-alpha.4a75e7bd":{"name":"primer-pagination","version":"1.1.0-alpha.4a75e7bd","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.4a75e7bd","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"8b748262f7dc8aa6c7472ea8a0595fbb0fa60095","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.4a75e7bd.tgz","fileCount":9,"integrity":"sha512-GwKkYc8IDDnR8H6QZSKK7iPl8KghZ/ndJK1tCorZMVtG+HEcj+9nnMdCtzM4c5oOIAeruN2BQm2yBfcEKcGVbw==","signatures":[{"sig":"MEYCIQCLwCSRw3jV7oL4Pg9MjgVNxzCey+nr/op1q1fWytW7+AIhAPU42BHehY9UTc2q+8HfPWHJj9B3jmdisjK9BSqbO+Ik","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb5ISoCRA9TVsSAnZWagAAvm4P/An59defflLeWdZh0IVO\n3yJsDKj0vJgJl1XeoLRtpieUATUIy4qlz993geYNFDmBD2cn9S6GAUndTkv4\n4Y+vrRGksdD9oUxsRIAJ+N+0ajlr9N7fi0tZm0uNrenNkWY11GPpqpeNu3Ic\n/9icoWYpo73zvlBYtAXu535BrPS76ZRx9RXsRHRJmwtr0bOEzMhffZxrIZDD\n8FjIqSCbU4wxcm46HHyU4cNQKghjMgdXqtXFZbjI0+k/jR5WI45EycbCmmwE\nMq8fPqY4l1rKvegErYZgXos0XfH0fPIHWwaxWFb5pzS2n7wvZnJmQD7x2/bo\ndd2HOELvNMpYJhTyDW9QfAVucTpljZEAwUQhrJEnd+RuObaOnuFXY3Y/24xB\nHFnQiQre0pHt1QbQUOU/06EJLb1GYcYc4kVXqnkFqwYy2exZoDt1FJZ1uiU+\na6EvwbQnRz/DPa7f4Smq7qDoih2Mpfsq1JO3Y41Eq6QUPLijB4LdHgnPPdq0\ngcnPCcETUhRYkBogP1GPyUWuXrO4wT3T53QvTqjPTOEunnIDLa4Rv47LtzKo\nlJ0Y2ZNa3YxfvHS96ttRlPPtckAgcrrora1c8uFvFW7fIwXNkhYNk+OjCk2J\nPGlxY1SDWCjNuC+n7KvCJ+bFogKb+x0CenIjMDc/uTd+iAum/VY7hNv18Fam\nKDrC\r\n=RJu6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.4a75e7bd"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.4a75e7bd_1541702822110_0.2677468728719319","host":"s3://npm-registry-packages"}},"1.1.0-alpha.d76fd883":{"name":"primer-pagination","version":"1.1.0-alpha.d76fd883","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.d76fd883","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"a1108ef8e5ac6c2f2ed6f0110118d5a4e25c6ad6","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.d76fd883.tgz","fileCount":9,"integrity":"sha512-iEDEDs8uSlllu7klFL4T+k0onLg991W3mNlaNhgVZs7l4D3HxictDaDAbkc2q1PgHedbX4uHgI4d9mzhzPYQWQ==","signatures":[{"sig":"MEYCIQC/I+/6MTUdnMAE57bKc1ziy0bVBEc+UDkgIrhKGr0faQIhAPPCoagmOJuNUlMJf8s/HqLSxysrgGnB0lXtvoPgfs9z","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb5ImzCRA9TVsSAnZWagAA4XcP/jk5pbUZOUZWb5hiGz68\nwjFDM7TZbPGAIiLLBSFkBe+wOkEvk8CqrrC67/gSSk4pYMb2na70IEMJVg3c\n8CTdpp7JttJOhR88fLzAvsYE/fRbEkK0KWeG1E8iRFeb6uSRoXLW2sYyYFyE\nktKjp0CR0dpjtiRYNFVAvk0Hxs7YSzjQFGJscZXJxqA2QU9Vh6z7KfBoodtL\nMmKeqXNi5eRKCmAHMVKtaYU0ZEfc+Ga50cXyUNrD98UwznvGmDntI+DtbGoE\nnjFxRBDQGA23R6WwaByFXWV0psILpKBwu2tBiXiV/tUr0te3IcCxCxxHDirJ\nhMYEFQs3F4rj5PS+3EGWTXkTujsUX3uVsIrCLAPg/ectu0vaBrAl95IDq2cB\nkturleC122ZRt54BmKeTsg1oXsEZvQ/Ox18NOOTyb+W8h8MOPd8Q6j4q0UP0\nEk8OrI+zg3gBus2d2ASOdBW4ZEzSX4v27Np/+nI0pgv9oEXQtLVgMQhkmRTF\nCTXScK6rpByMc1gps0SnJ60RmpFfo+piL+UZpYiTEDkjPXhlUEWMhP4b4N6u\nGuq/S15VV7cD8EbOSDGEx/gbhL7tMZqmXVXOZz48qQSIZXkK/S3r2Ko0zgOx\nblmLC5mf4m2qY8a/GJmrgJRwqnHJDFYLK6jKN+2MWPcraf6IMpRQB75skyT2\nhCM+\r\n=zvKE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.d76fd883"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.d76fd883_1541704114434_0.7469323861273554","host":"s3://npm-registry-packages"}},"1.1.0-alpha.c2903f93":{"name":"primer-pagination","version":"1.1.0-alpha.c2903f93","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.c2903f93","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"85cf5fc842da417fc056189c9dab028da04f4878","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.c2903f93.tgz","fileCount":9,"integrity":"sha512-U7Mcc29mT3W4t2tg9PBof19p6sJKhURAOem9AF6GtqI3okLjPzFsm+Nv6TIuKc/ANubxjHMW7tsv2ePfNl4IvQ==","signatures":[{"sig":"MEUCICisZExCCehb3cjKGwS023L6AmY1r5IjkKZuSTooH0RmAiEA7xnN+Pi/+vEd28f8MygZkdgtaJcaF8AKw/bkf1b0t6M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb5M6rCRA9TVsSAnZWagAA0roP/Ra5m3uG0+vNq0CdkmXa\nUwkoiwQJ+j4csgzXwm/HWZcvQ47X4WLhqnIdrIDrTpJRZtwD6eP+WE28thPH\nFxgFt3MCKrGEyxw09LbNKEamToRP0+M3/KMj5m/MSF89Q9sSjqwaILCL1Qt6\nhSYtCRu/+D5cZZGjh6lCnELKCnrCmB97ylSCOcftR4nrin0ocY31DXU3dsL0\nEsmdbVZd279h4eJrv3juu6vZf+0tWQ4dD7v6gFM4MhfwP37iIow7vDWhaySc\n4qi728nJSWP2dKrOvbSZdTRjlc5u4m5xsmlMR+kTFpKDIiK/4zaonSWruHkx\n6N4kYvP6KwWrI5kfuIJXtgkf241dMEszuoYKQvmOTBUVGG37z/0ppJ8WEO/q\n5/miNVvxxEFfpjldp/dPfYD/msVnLYEPK8Oqcd9t7yjfe1cHJeW5mx9+BAsq\nZzrX9jBq//hhRVdtKemrtObpC4yBmW14SsJUvLPDGateicBfQ55ttLbL43Le\nBAHfBVN3y/S9raAOJgMH0ZEqItqx+cG3njhdMhKLRN6fTd9MSsN+U2YySYTK\nJATuhpEwFDVQCkhOpGHwP2eK8XJ2yQnBo24vm3XeOTMgLdUo94RHBAuhoIe1\nl4d0bCAPcKg06WKWY++tE5ShBIfBrkwmRkp+g/pN3/bEEkOkr0XZyPbqTM/Y\n/bNu\r\n=+1S8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.c2903f93"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.c2903f93_1541721770728_0.9824001493455159","host":"s3://npm-registry-packages"}},"1.1.0-alpha.0fa93277":{"name":"primer-pagination","version":"1.1.0-alpha.0fa93277","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.0fa93277","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"8058cff5c82db3e0a0a7abed156c30c7225c3890","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.0fa93277.tgz","fileCount":9,"integrity":"sha512-3fGrdJ6mFTgAM4WJb6w4zwBXY85z20haN4tntfEgl8D5s/Xxw6hbtuQXpZKhi0XAdD3SODlQQcmjsVwYeQrUfQ==","signatures":[{"sig":"MEQCICN0ZvhyYvsIHP+XQ/lQ7a9DILQ3vQyA7vs0QPH+mFi2AiB6uA5gTvFnsnixzZngCNSLezWIn715xka7lpCjxjr81A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb5c0bCRA9TVsSAnZWagAAhTUQAKQE9plw+XyZJKSezbR/\nf65oHopKccK1QpDkB4xZ6G83UZaKFG5vGfqKJNVHzfqYS0V3kCyWcv4SaHAQ\n03R183/awy5HljqHq2QmBRpIMoG/aHS3Uroclc3GomN470/nd10LZlrYBbl2\nQOVnL/1TeXfvgglBTuJyEUN3imsUX6OwPbrmAvxyZXNPNV4AMP5e0qfVhNLR\nR2UEhbC4CmQ+tfMl2IZZjPI+PWcGCzhhJcFZ6T9laRzm8rVH0HonjrTCgWbs\neAE0DeQFTlmFDacQQaYrs6qOC/349Anps3hSnsLEhxqGTkpPwmYpXhQMmQ4t\nf7WnekcD+lM5kTksf5yeYjoG2M4TQR4Bz3fuZTwmv9XDRJIph6Tv4bf7TEet\nDOG+AZ77J32BasWCRmHhC1qf1kUEw74S+YzLGFP/xRRYr7l20i7ZR0RqKPpt\nLxFbJz5JoyxjFWs4DiaGUtQ39JMzB2rFexI9z0P3qVhWgTbC3sOKlWtYYy4J\n6d5okNTJMH0usUGXRm2yzjSwY4eXCoRRyh+amkGkEVZJY/tVFSwIyskmo2qh\nKdgFTQzN9Auzh/jD35TRc/KXWQEwWdaQEBaSGbrffq13eT+DEVSlC3SlQvSK\nsm0btL47c6vIC7Xvf7sEL2bHQMWedFUcuJA9+zTfeKYR49We7FY1JEUHSGYi\ndSEe\r\n=+h2d\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.0fa93277"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.0fa93277_1541786906459_0.09497769499901643","host":"s3://npm-registry-packages"}},"1.1.0-alpha.92274564":{"name":"primer-pagination","version":"1.1.0-alpha.92274564","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.92274564","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"3e204594eebdbd3c0b9a5f68464d508d8f71e77f","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.92274564.tgz","fileCount":9,"integrity":"sha512-rtWZlk+GWv/MP6sIwz5yJpqOdwbTM/4gTKR0GW04YhcSVy5kjtvwm3gsZkVVC7eSIDnXhVpNx2GmTN0grdZQ7w==","signatures":[{"sig":"MEUCIQCWsQ/j1w+ZJkQhK4pn/njPEHrHlFyjKfs3azdi+/aGCAIgcdR7zjL/6BQR4cKVvYldgAaEeBjIXjQKrSlhwDujOJQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb5f/yCRA9TVsSAnZWagAAWE0QAIX/ouhE59fgbp/XeVv6\nmEsAEyCIEUMHBtcxjng6OmTF0IHdHkb0yuUAQnpaZhTTMcmaVNWR4eE2BiLV\nOaRTJn+sceYBSWfurDVhlrgkSKaTnytdFwATEPnvRfUfWFlAXW5mS8gus0LH\n1HvOKXpQXBC25D3/HZwS4Hgjxi0yJ0vusXPCtiQix5hvf3ksZFFEMnfXAwYF\nmP67FyWXfB0YfwvSq1KSd+dO8IFV0hcWMV2WpENNVYpLT30cjmUXZxwNhlnT\nY0wvx4kdrNayysC/zhfho0Eqgt16U5nKqKX261KZl4jKp5XeuQr+nnclk+jo\nms/28BEWK31ybAl2Bavk05m4iAJ13A+MzmyGuaJEhCywLUBiVb3t+jZOFA35\nCflIDbP80sNwL7+Gjn1la9WOpviT7Pd5a1ECk0FM+tuiB1F5G3Jmvg7ozDtM\n07iuHSCWkbJtkwzY6ymTPqSUclSNhm7/XZCdQPcdXxpT9KaZ28b37/mWhU1y\nAWaMhjUzScJ23S+RXtqoWrzWyvm6XiDOkeWiZUDAa2yxqDel/DZKKmXnxxN6\nbWdprYatsqvXM5UZT8hgF7Tmw/1+Vkb4GmXC+fgA8lT52Mj2xsvJ6Dg/LtcF\nYCs7mt5hLL8YH9ObpiV2vcl+iJ/aEPJDvj68LtvAVOIA29YLPX10vC8PWELR\nzMLM\r\n=ELWr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.92274564"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.92274564_1541799922191_0.3594179281487113","host":"s3://npm-registry-packages"}},"1.1.0-alpha.19834d12":{"name":"primer-pagination","version":"1.1.0-alpha.19834d12","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.19834d12","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"70677711604a0377e90e931b6fad6400c4a315ec","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.19834d12.tgz","fileCount":9,"integrity":"sha512-SJt5V2cGhw+tzzP74kCKq23WBAVUH1EzxfRvOMHU5I0yBXCeYMqQscdjg1V8woAiZFkEWQyTi/mzXgMaKyE81w==","signatures":[{"sig":"MEUCIQC8dG62/RwhxygRFRELJQPM86HLDK0xmo6BdL5zipOlQQIgNGgvAe+1kqkn4Qb/suUOZDYJFDElsRr6IZ//6bm6Qko=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb5gf/CRA9TVsSAnZWagAAVZUP/3l9wR1urzW8JLE1pCWn\nhG3UTX1FcG+unQ1w47CpowA/TYAbTC3pLNG0s8CtlDbwp6X1gbwZIWZ9B7r/\nu9XI76xc6DIgk82L8cRYi0ux8po2IfYxpCYSOXcuTsdmRgMnqRcXWalLRRDb\nlyFv/LMn7IorxA2OWNagBb5U5AloZfgUoLmo4CEL5LRAwnZ3LbFCsgaDQ0zS\nM87+EkpwswHF7GqAy1v0l1FUsLVtMosF0NBV4LOOQU/wPnElECFg/Pj+klpQ\nrLhEu1TDG7Ru3HXOwXu4us2WN8CQ68BLrnQQ6oCwkOC4vpGpyiFNwyRKOGya\ncM2H7VI59tFOk+kbKknjBp5OOIn4OOIf8RMk4dy9AjXLBjXpjE1MCqJof1NA\n9aaNzEkOle5QBuTrT57dj5EB7wquTtS14JpX3tUcf4+tr9Qb1b6IQv6i8gOF\nLDg6E8/y0zmSHlv1eix/bHxU+lN3Aog4zrKpUJfhincU+xZK0Buwr0ws9U8E\nhMl2Ot4fbrgpJ6aahvcGt9nCC4rpxFbdw7wHA2pSUj5Lb/Fj8k4lzJVJe3L0\n26WuH/qkickhMWZFC1GBgQvNifDVvYIC0fJn3s5JCN3oRvzGF0aV29QOF2of\nZNTMvnyb1kFMCdreids5AdEXRvccfAsgFUcCpUWxy69nEKyYrHau+UTyAnOi\nmhvt\r\n=RyzA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.19834d12"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.19834d12_1541801982888_0.7521019330820171","host":"s3://npm-registry-packages"}},"1.1.0-alpha.1c6820e3":{"name":"primer-pagination","version":"1.1.0-alpha.1c6820e3","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.1c6820e3","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"a30a9b2078d613dff569f52950f5e615c99f9fd5","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.1c6820e3.tgz","fileCount":9,"integrity":"sha512-7Yq+rXPOevoA57l02o5U4kwoOQRZCmePlKcAGLXXJ1P5Zb/63ITsn/0/BwIO/oMhRWN3JlpM90BjfKxpPT6WqA==","signatures":[{"sig":"MEYCIQCkJ+AGRFOcE3sDb8G8Nt5uZV3Crx6n5Z/8iM9Ae+1niAIhAMz2RnX4zY4pICOcrXk681gMTnhrsborre401TxET389","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb60vxCRA9TVsSAnZWagAASTAP/A8YPpOv0V8n143l9SZ2\nuXZJl6MCMea+hxAKt0LZUQh5MGjJYVSZr4bLfpHvwwE/A4J0UItXI2iDu7SR\nRx1UK5eu1/DK+bhx0+Q5sSmtnrYGKN00jzf5upakVcpkgp4UHlIj6yUtPCzT\nXdyodBPcrYugIQODcwfilH3eIQt7YlAUhqQAWR07nRWcir0YHz9tCSNhl3/o\nuad/V/sEX1deu8lUnIfnyCEHgHEj/qSLisEBJw9L20He6AN31dOo7TL5Md3N\nhQTUpZXfWzC0grTc/KcALauzGCTRFDV0z9rlsimAF8QM8c9UP8iLCRh1US7T\ncGYrdJvGoqsnylkD7JgW3B0/spY0BxzBza6YUTU6NSUKNeZtrgSMf17akBkx\nA121o8C8nKeBkVjoeeMA/loM1QHk8Y6AJw78qZxV/iscBvWwkorASLGAHT34\nEpOiFrgH+KM0zJ8YmKcllrtOc/UUlYem5waMqVttcYCEfgJoM1hltjok8zZU\n41bhXesdbcbLLRW1gqqAuOJnL4Uhu1TY7LDIWONU+Ks2wbrcVpXokCrIkzcE\nmU+LhGrC0u1gz5GdBajwoikRzqsQ4N4JCQNw2fcReGnQfDIYufiaVUz7ILL/\n0IAcwhzlPuAUL3ThVahBMKN/Jcqr+obDSZaIWpDI/v3g95Ss2lGllC4rTGu7\nITbj\r\n=QeOX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.1c6820e3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.1c6820e3_1542147057154_0.7430782409380441","host":"s3://npm-registry-packages"}},"1.1.0-alpha.26a2ae18":{"name":"primer-pagination","version":"1.1.0-alpha.26a2ae18","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.26a2ae18","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"87b349efa2b88aa5263d6a53307e9b1d1783fa83","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.26a2ae18.tgz","fileCount":9,"integrity":"sha512-8CRYmC1003ujd2Nn7f9wjyrQVPmSgxchAnTmybr0mqzT1Dj4rrANVnDFpEQn6eEpG5Le0Qo/ePOSuELAfw8KIA==","signatures":[{"sig":"MEUCIBebI4PCzqJ92fTtsg5/tEH+jw3Fv1huZ3i+hCIujg8XAiEA/rnzf0/o5ZF9EHsFyxm+5fb48FcL3c5NpJmcQIRnp10=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb614rCRA9TVsSAnZWagAAENEP/i2nUukX6P1BuhB2Lgec\nd3MbHjA2QwBG3g36u+gOodsH4JHohBVM10EYYmKP+CKfdZnTdyXmslfDAyVz\nB2E8u808ySvxMlXENXqiZl9VYd8PrscjI43vsxN5uCWDDVLxdAA1mt4d6gFo\naVIqeocYFCbdPIUnpZVZovzfjUhreDOlmLDmvsnlBQBQ9jIJ3Ej9yEI/756x\nvPvuz2rS68OBhIHnpAW0ErvWeDWrMMekeYQuPPmYq0zrJpHhQQ2tcUS+htDX\n8eWesRYNXSumkIkQPwKRxsxe+s3bP3jCSf7HpTPrPQOkM+JDXZ0Pp3Yw00+v\nlfPGW20JZIeNT7L3KsjeH8cCQXYygeCifoYGVH/HGkFkWt6RtKXmJkSjZ9kI\nKYjHwlnrLUwCJaeFqFouLtnSpwi4TgJOiSvdhs1HcH1w+TaIodVGKYZQVmkL\n/6zP6nrwePJtngRguUMIeAkSoWw7o/MNMQ2fzduIxkdpdVN+3xbqoPGW59QH\nbbQRms0Vc7t1rOPTqvu/21LFmp/+gC6oojbcPQCNlapbJxGBCy8QmM1z+gqm\n7vc7xk13/dTyctWhmIkZk+0s03jknpQjj9faUFEYsful+CZIfnEV9nrfVaej\nAm37f0OaETsSqvVpfIgWQofuSf8eH9uJQB1GNMif+DHpA+gXzJ2KX/veK01g\nY85m\r\n=Jvzo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.26a2ae18"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.26a2ae18_1542151722476_0.8419088468910414","host":"s3://npm-registry-packages"}},"1.0.4-rc.1":{"name":"primer-pagination","version":"1.0.4-rc.1","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.4-rc.1","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"fa7891c8115ac09d8f58cc39f7e92df14ff807e3","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.4-rc.1.tgz","fileCount":9,"integrity":"sha512-EfQKjdbJuRYeFwrmG4bW/FoHU2XbldZC2PIlGj0u6Rwix8KG0tg3uYOs7vMUu7EOWau6icULrmdLnD6TL9FEJA==","signatures":[{"sig":"MEYCIQCr1btUVQhprWtO51cQo7OyFiMy+OF3lMbi7oRy70DybwIhAK17hdWOa8CrmrP7OeLaEXh75zvjXxFp+UEIrECzh0q4","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14548,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb62mPCRA9TVsSAnZWagAAyn4QAIhX6GpapaHbOjNjr3VS\nxQMq+spJLcviQpNICJtacqFrxjTPIPlYYlGKgBmZ9UHIfFRdYTUX5raVOjiR\n7zFgWdTJmWqTNyLQyvmOD+KzKAuCVskPkWGuCmc1nY/8sx5thsk+i6q3pj9d\nO1wQIs9uq7SPXOrwUOn0HWDh2WSrdQgVLP6ql7ymOMyDmshiKLPnx4i/mkNy\nQ9HdARn6811Apn0I3LM/Yk0m+ti+c8zjlWXjh6XUgMyOkNHZJXpdqzJm0zOS\njHg3vrMpyXyKHQx1BfFEQdjM1NbUmNMYOjEIeIcSj4mudm+e5jtyfEKjMUpI\ncD8+vkHZUt94iBC9QcThxZKefPAM0Ko2PA8UUcjF3PsA27cJMckVw7a6Sfzf\n8fvppbkEYYkwYWLJ0Vuni6y4Mkn4pcPwl32BiG5ojKvIBIPZvXmKOG72Wa94\nsVkPv8urZIvr9VtsIENll2Sx+1eqm8b/dnDAz95HLvKtflSRWws2CivdxFN6\nacsQNlwokLh2u2CA4owYzraH8Bdx6ddVUNz6faIF/fxaUTWxnp670d9AopAI\nNRZ2THf6P5luECP2KlO14jgBIjrRzrRUeTelRuhLYueFxp6nNr/OvrFga85d\n554oMC7SiZ/e+HOlIOmrxsmnRBua4EXzao0+m1TzGatgoAbriqUoky7Na4Tn\nv+t/\r\n=b4OK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.6.1-rc.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.4-rc.1_1542154638701_0.42789090939687036","host":"s3://npm-registry-packages"}},"1.0.4-rc.2":{"name":"primer-pagination","version":"1.0.4-rc.2","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.4-rc.2","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"aa161662abac3970797a3acc7a5f3ab9d1a5de43","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.4-rc.2.tgz","fileCount":9,"integrity":"sha512-m3ZXBSJBe4FgIwaatNFm3T5n6xCIooFe66zGV6aQrkKmuf+yDX/SU2smB03QkigDpbSpC310e6ylgGqcbQoBVw==","signatures":[{"sig":"MEUCIQDGuLXY+0b0oFRgO+L9pB52sHF2yO5/iadH4vTUJ5EMYQIgd9Xc3/IF1bphVeuIh2I+Zt0E9Eb962sjGNfqVJSjosg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14548,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb7eckCRA9TVsSAnZWagAA9CEP/3bNbb9DevEp9twB1YOu\nF90A0tA4eNz0rbzAXVnLsZHvMVWSz9irdJ+4/9s0rXcMtX+lXSneq5Ghmx6H\nq2JXZog60a+m5MfUuKuqrmbUmb5WJzCz5eOiOFjTY3OY87xmGcvYwzore6A5\nrs0egUwlDFyDTJMfdGm+VBXyjP1GTzdRuZa5AQwAOVzTJiI/Sph4QRBh0vlC\nHhhtAf4x67blN74Pqa8XCWSz/iTcqNTRvz/ONDD6ZMvtS+NC6RWsie+ppWsf\ndrWF/kF7YfiauUAPcw40hs3Dkb6OIh2DVC0vBPzMnBMvuqRCVkxNlYuptfdH\ncA+/X1Rcuoo1VBzDH8gdBrF6fL5R5qb7ys3+Ivy7bnkQGBvkleVnaNiUjdZ2\nsOOwMp9WJQA75GLctL2Hh90ve9qh3kcCkQWrP+FrO63tqn5eNMGZIeJgRIum\npNT4pBQI9/VFy+PE1w8OEBQN36ZgTpU0w1Atrfsuqmhc/s+LwRbk11Xu5czX\nfWosnrsZ9TUWXKbS/fkK5eaRl2QUl+tKLilr84/4BmzZpIUAMrTIYkSWuIiM\n1q4Qzv0nY/SuxWuP0rqq5eknbgFYOk4+9x6h2UOkim6zq3qFu+gK6l+ydWsr\n/bD34ncG9y8TwHhRM4uuaqxpYQS5Vf24LmhkFhjtamcQ53FYjtBCcwQpzIyb\nWxfy\r\n=cXNd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.6.1-rc.4"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.4-rc.2_1542317852376_0.4484279628778285","host":"s3://npm-registry-packages"}},"1.1.0-alpha.d651913a":{"name":"primer-pagination","version":"1.1.0-alpha.d651913a","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.d651913a","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"ea5d35ccb537ea482bd69556b62ce30e075d828a","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.d651913a.tgz","fileCount":9,"integrity":"sha512-XHrTAkCM1LjDXkFxkNjAyfq941/qPaHqvHTaFkb/PlXKkPARm6oqSxymB3hw7ny/Tjz5Y8tb/9Yo473FlcETRw==","signatures":[{"sig":"MEQCIFtDh/ldMNVvFTVIHHDAN930MCuRt8la+wOt4Ck6uApuAiAo1Ys4BV5DCAi3MdzVCv0Mzdsu57Olq35eJ7FmONUt4g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb7e7cCRA9TVsSAnZWagAAS3AQAJrk5F8LsN33NMfAjcOL\nq9FjqhwSY/xsxpHBU9O1maelOFdQyd8kfmF4zZBExvheONUt4qsOuyUEsJA1\ngAZAWjCjpisw8pX0QyQp+1OsaAhdEJz1pQx1h/2KGT/iZKGV3Q7LODHnW43q\nsIknG6hYqoqIOzf6nJYVIxUzmJ12aPpjcOO7LwZSXmjYHNYn5kqQEnPYcVSq\nbB5Gbv+aoPqoHeC8uYvKsj+U2dR1xlyhXjjbLBjtN8QeTD6dh6oWNtdB72MA\nzVmEx4Lw9lU1WdPhjK6eayFR9ZiKQHKdKtLjjYekVRTZ1DRTcMAkHVNzH2zZ\n1IKaKnAp5KKP9xtw25bHsQQEZOqmcxmktUQXDJOUvIriPbTBrRrkcc7bc7hq\nVYRTsXPVz+Fwq7ir9gQ9MAUaG6Y6862ZXnHYhaKvM5p5GIF8hlOtAtACObem\nU3wYCnmAgGWY+W3kq4PpyPfVNPQJgNajl/hniSMA6k6EHl+fZpCyI80j8Tj0\nfeh2qy2wyc2W2hp/M5evl/m+JKVfXah0chO3qUgw/qKRADqf9N50E/yvFiui\nTXCf4wFYLYwaiDSL67FqXMheu8AWnKuSX9pk5hYN+21aFyFzrGyMiLw3QVGu\ncb4lqj15hxqrijCuXovY9bbFAJNs2R06Pb4KU1borWS2db82zFdoQAM1YBZU\nmn6n\r\n=Jzch\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.d651913a"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.d651913a_1542319835479_0.13921306208808182","host":"s3://npm-registry-packages"}},"1.1.0-alpha.ea8762da":{"name":"primer-pagination","version":"1.1.0-alpha.ea8762da","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.ea8762da","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"c4e3b72d978a5c7135920b37021cf9aab9edd6e1","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.ea8762da.tgz","fileCount":9,"integrity":"sha512-QDQEAt2eV2dN8L70Yg6jb/4X+ati1D93y9Xo8Y2yQoJMHFqQiSjvobfns5UYqzGAoRpC5EGgewguV7bLKdg5ew==","signatures":[{"sig":"MEYCIQCD44UwrTdb0TJg7i8r0gZ4nMvlDRtIUNaUrAuE4UlU2QIhAOZbYeII03+TTAKp43Rq2+qPLoRvaN1ha9iN+R/KeJ7V","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb7fOuCRA9TVsSAnZWagAArzEP/0UjVDixuSCAU7SlNnbV\nTlBE3WIHpsC033YRea1yYAVzlkbKPB1+YRdlpv1/WWKoc+NjyZ+m9k1ta0FD\nP5qRV9lO+gWmHLRGVbibxIuTUCGwyYfJLwtRmkBpuEVkzNQSI+PJYTZgCkP+\nUTZGiWvVrqBxZeYQJc7YuW5cI7FiVGcr1henouSCr84UeOCnekOPbbGH1w13\nlq5Cr6maAG2eXJ2ZjYLjJHD/kJVHhsKOOc7TyIACQ0KeBMXM/EfL9Dylf7R+\na9jrmELMh9zcr7tQveKmh8/65JylMIkQoiL+b/r6gksKzoaWoGKBOQoLIyah\n9kpovuUvlDFkfQe0bparpRERnU0NodsI4djyFIZD0aeFgvgkMAej7p9HJ/sF\n9VAHJ+xAM3nqJXRVyrUj0C65TssMmrKxr+OI/3rnj/GASkZ/5kdemIOxGT8J\nnOgQksqU862GzMLoxfLq6xm6YDYQQtexItK4sp/TWlTvM8m7GIlZy2YUNygj\nxOrsj4LmLznPL7OhJTyTf9PcNfWrVxLSaY4r30zvd/7W0YXZTUWJyWgMDwCA\ny78LAcDjmlgWGLP/8s+Y8FdplANbIDtlajwqEs+cQ6G9zBm+CVJRSxip/gfA\nfsQuSVYxoPtM2xStE8feiTXs0BIYjGAURrRZGUDsC51PgpUKKLfzsXQjciQ0\nXzWo\r\n=InCF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.ea8762da"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.ea8762da_1542321070189_0.02561885588090229","host":"s3://npm-registry-packages"}},"1.0.4-rc.3":{"name":"primer-pagination","version":"1.0.4-rc.3","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.4-rc.3","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"e33e30a754fb8d9d1e2ad5ffd2e44577f51abb4e","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.4-rc.3.tgz","fileCount":9,"integrity":"sha512-alx+SJJdxXHQG5yfecSn+z8ZxFs3oD8rXiP9Js0qNgwvmgHHm5ro9XJLT9Pn+dSiC3wNGP9DMIKiM3re28B6hg==","signatures":[{"sig":"MEQCIDK6dU91zaFj0rD6eiFelvunNqzqzo8Q0JAbXncC1veLAiAxt/IEvZy+3JcjwpThmXBRk9ZzEmSEvIsd4/3ZDjcL9A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14548,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb7fpOCRA9TVsSAnZWagAAqu0P/0kkLg0TeHnHpbtPMjp0\nZh9TZTd3B1OGuSlW/aDhn1eTEQj6ne32cFJO72nb3BK5HH0i5a6Gw/yt4Ju7\nIzff/hAsiN7CIvplyBu8RO9Tskcvfk8xbgeI37QxmdQEpSxsKLOSti5+ut4g\n8B3MsTWqvVwzM9eDY0z2zlcavLdvOYHnIDKA/hhGgReDpuQZrp7QEQE/AmW6\nQCNLgTtllXRoPht9XbQJ1i9N0AapgCBg+A884+av7KFwtXidQR/qgCmOvMEz\nDHcUcnUlCyrVQpH701s+MuiEu+InHyf5WPA4XsjLJR0FXt7iaEB5G8rCfdHx\nDpYHk0eSLuJLxVX+FmS8vpud0qOL+BP9GwGxhP4JdoBXda1wiT2l+AqL6LIi\nftJFkAUOuRwaEexwjj7B+glcACA2MdJRs5CXlAEy6Nm6te+9iTNDERB1FajN\nIx11lxrEeEo/hOjW4Ta2xNMWDojy6hkAYpbBY/x/pPRZF2B0b/m2bmmdOVCW\nFGBgb8Nw1Dea7D8yec2f3z+8WpZsH1j/P/esUgaaRzl/vHKtjeOzy2cc0jRX\np0hNMyLHL/YDFPJSwXk8EWkHBBhyfuTxvNZrixbLK2+BqSJohuehgE+V0tNZ\njH/fagbtZW5+nhKt+0NxeziiSM0XwIamc+Sf3izp0T8XF/WHfFvX4rFmY6Cz\nYIuw\r\n=jw43\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.6.1-rc.5"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.4-rc.3_1542322758827_0.03685874251588572","host":"s3://npm-registry-packages"}},"1.1.0-alpha.389964ac":{"name":"primer-pagination","version":"1.1.0-alpha.389964ac","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.389964ac","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"d6aa1b1cc03d9132d6c35f36c2a14a148e568d87","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.389964ac.tgz","fileCount":9,"integrity":"sha512-oxPOMPweOAQMtleEGdNZQTRe7mHxerOI6O6cp2dI5HvXefgdYxq/jXyqr0s3j7h/mphl8hz66u39CE2lSU7r9g==","signatures":[{"sig":"MEUCIDM70UV/1Y+FAb9R+1PL/5O6+n3lN73F5cVv3WTFAsVTAiEAgDjIWMAX0M3fc0Hhlek91/GY36aDTfa89K46ySHS23A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb7fuZCRA9TVsSAnZWagAAcfYP/2l2pfl6OrgzrI40NMcU\nchLfrRnBKiZy+bcVOtks/q9XO1nPBzzrxhpzknZHrRnFKnm/VULkzFDYreF7\nQatp8tHHbGL96p8HST5urgc9Y4M21xdAeSLJfldrsf1ApSirrBGJk260lGbb\nBoR+BSqjQVy4EiI9m4MOhuZrfNgwGz2S2d6FGYBjyltLWkkNswIh4NKhne3x\n9V8mEc+DaZRb41p1NdWoDrSv3HlU6zVRsr/jzJ4F2jWnZWBGj/XCnoFTptPV\nKqdpMDeceSsjL3IPKps0JQFAh5HZCkTrmX1RnvIDzTaxHOlDR2QxGv1C7Ph2\nI4MPP/YglqFti/p9Y6gP7UStkdDo1ulAVPX72HrNugU1AJ0Q511umkfMrQO5\nM9xHIbWqipVp6zLVoV8nnErC2tFVt1AcOlF3klZOks0aJ5sh9s5GyI9ZhOkI\nuaPVVNcYWCMZw8V2RfR+b2UYSA0AlxAdsG+Ffx+UKJ5WrT0aQMJvl3vHkbj4\nytLGBZBMYWVFDK9eaJrQ3U5CRdy3eOHQyrpjEB8dbM44x/d3A9rJ8wcsAzwO\n3jZfN3cK8UA8jggEr+DYFgfXgBhU+idHtMItRMajx4aXkui7SWCktcqz+W0v\nqWDRF8LYj1i3e1BL7TBdijv/J0CQTj/kWxlA5ruoE/P9gqEVdJRd+aww9ojJ\nNA3x\r\n=+fV8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.389964ac"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.389964ac_1542323096876_0.00440787578462376","host":"s3://npm-registry-packages"}},"1.1.0-alpha.c144285b":{"name":"primer-pagination","version":"1.1.0-alpha.c144285b","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.c144285b","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"4ea2ee520309a613e898bb9bfa781f3845e1db23","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.c144285b.tgz","fileCount":9,"integrity":"sha512-vOhWnDlKTQ9QXO+o3AKgb6kQsjE74lHqL9s059cecXZ7KfztM5ly91ywi11qb/y7D7PV82m+0RgaLxfZk24dWg==","signatures":[{"sig":"MEUCIFsY81kftJKcsmf7quFd9k+/Os0VBvx0MjG73AVehrxpAiEA2epCaySsHYaooSmE6qA7dGJrh0x+eXXIGB5pwVHTtdA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb7gXGCRA9TVsSAnZWagAAECIP/1vNjj8K9PjPqJ3BFjfc\nEl0Pr1JD5qHETVpa1hL0XVPOp55zcwPbL8b7UJmeNRRRB+x47yTUcOmEQjGI\n5oNN8TsuFhWBLg0/jI97rB0FdXMfKBO6W3c0oJspLnyjwIjxZ37MPSWJyyZI\nzhO6TMyfp2d1UycvSBaipQz9rx3AiilndPztP4owceWlg4sGTDSGuQbfAji5\ngEmYYVjq4IdsuapTAlIoFA9WwflNgQYAZMNffFoQICGvf0xJzftf/PxCzckU\n1Cztt9C9l1WYMHw8nE0I6LailOcSb+GO78FPyLgdEx/nvj3uXYDrYL85kUsI\nvLZ1D+VcKR/lBBHC3mPRzuwlEU/XkUWgbP441ziHQnWTlvQA840KvQYVQhri\nRVZkyrXYLIK0h7MhRv2Kx0J7O9mgNxGQW5yOL8q3sNXkfIxZng/MAAIlzltk\nMDOe8xsI6E1+tIr/nvNusAidqCTrbFIG9BsfbIR4So6gbTDi0dxDjq9ysgt8\nsZyB+MHstFsAm0719xV+Dyc5g+2l8C7PdPavSJ+WZmO3vAqWes5DQxKnSRM1\nEBXhe9rAU7YagnW/rRpARCNvBK2qqVRAosbldYXJWwhLm20UrfvU+PKdJdij\nRbMibN3lJgnlXXu6Avvh7zMFg5jgv2lDXgUJKxND5QNuFHYC4+BYPWPcHXyW\nYEfD\r\n=z5tL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-alpha.c144285b"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.c144285b_1542325701975_0.07655018654973422","host":"s3://npm-registry-packages"}},"1.0.4-rc.4":{"name":"primer-pagination","version":"1.0.4-rc.4","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.4-rc.4","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"4a1cd6e6c68790adce8a559f4a6ac621de2f589d","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.4-rc.4.tgz","fileCount":9,"integrity":"sha512-1bQXB6GZMTmpamal0Rbhz8KFijfXkB7xSWhzJq22x+DFvo5UiXWY6mvniMt1yKaI0SWFDfCgQkuvpgl6uGXa1Q==","signatures":[{"sig":"MEUCIQCME0QCGC6sg+uv8TUwq64Y8txDFd/3i38PBeuiqAWuCgIgROIX+c4MXWBp7S0RsPFAge+TQj6BFyVM9ZxJ+SLaIQg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14548,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb7guVCRA9TVsSAnZWagAAZGMQAJeLaCAQqr90YFSiotda\naZSr6tPLS/o6uyVPoCJCkDj2ZBNqiBEmqZU/n1Kz7wvhF2IoYjGaDdgZhwWL\nQINyod1/VrxLBf4AjOFjBUlzPLw0ezgkmLBaGi5/LYVRYch/G3HgUN6Wcb/T\nRgliu48dSEQrhkXUXysC+5wNMWf0Hfp8shlNLITHpbWO+NFMYKLA+XUlzzlp\nd7FZEnyCVzyvTUG0hqutVuJRA4+CLxWo2Z7VV611B7Q20QfQshSHQtCg/fhP\nD6pErBlZpRWSKLw/xOIaDuhJjPa6nyjqBZTke5Xb00FJJiNFpaAPg3WETRuC\nMZwQVEjjtWdZLxP6Fu5V5jWYuFvL8Dq9cfAmHGl2ETKUK9JdYHuncVzITYwA\n0r0uHnsihB23K1G3/QAA0e8HgO8B4zg1DCbFT8IcH3OIBYbf0BqZTR7e4I7F\n/V9hqowclbIY5aeUaByChqxdR5E+XEJgCGScPSKiNvZtji1+uUA7ljqtXONi\nHTgYgalZ2PDO/hMHs3ibSad7PuwZASZNGiHNHLt17NYUWsVS2mfB5tJkKaaN\njj0wcGW06zJNr/VzO28Ca5o1rd4hSrGKW7+zu0VNXjqYIL7G4dgZyqaEfVFH\nKa/3MQ3N3G2ekiFe03ydHHuzBuZ2m6ZER0IBtx5oMRnRY6Al/b9zxKAEG2fV\nsNDi\r\n=5+I6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.6.1-rc.6"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.4-rc.4_1542327188895_0.6649197357233825","host":"s3://npm-registry-packages"}},"1.0.4-rc.5":{"name":"primer-pagination","version":"1.0.4-rc.5","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.4-rc.5","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"bf43af26cbaca3fcec5630b0673e2ce2533ac4c0","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.4-rc.5.tgz","fileCount":9,"integrity":"sha512-thmm37WAcun2p5PMMi9ezLtdSjVNwzPPpEasg0hTYsAf5h8yriUOc2kA0e0lqSYvQpXOxVUWxPV4N+dKQq87ag==","signatures":[{"sig":"MEUCIQCgCvsKkSZHC0FYXZQQ0T8VYNQFsJhg3hfJpfyzdqTQEQIgZtKXjkjYE9HzrJkqSgAK1k+65E9GEtGFgMj6lS6K4QY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14548,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb76DXCRA9TVsSAnZWagAAbTYP/1ptY5tdJS4Ymgz3hBuA\nC2/fLzFAE0kPSXsAPuU0hhwgg1iWmkto6ypbXmg5UuSIKtg1EuejiPO+yRvt\nofowC12p2tSx4J6A+EEYhc0DIQgSe8oABXdb9NH2y2iFaiiC1V7+9jR9xugM\nol3/DQTsSeipps1CArlvS3S7QHB5Li5UBh0fzmnjtTg5NsmY0+JSCjZka6na\nV/fDVyIQL6WnwzoV9utF6LehJwgOsrrLMNhqeXwrRQmXTG4RyE1cNPscMYmc\nFKvw4cYb8WlCj2oB5eay71dlftRz7bEz1Jl1uM8b8pBNXC+m39UexbHFAV9K\nSwd2KLtxEs/6AcZ4kVB0EESMUPm86XapeD3bQeorjAUgvLXnHVnG4TP06D60\nbY6TAe/PGWgnsOyCE3f5msyFmGVlA08JUUgbV89J6KBFzRKxgP+80JnGa0hv\nJ6aMCLHMMJSvJ4T/ttBttW0nJut+EEu0L9d3u2WHxNYYVu3mz5Dn6mQwK7f6\n9piUJqJQFJ4JGg0kdjmiOSRUk6MKZ2vCZ2AYxtiOQfRQeh7QRud3+ZXVI70N\nXNTrjg3eBwY4yJIxC2X5boQrhJymJPgcSkm7rVwxHFAquURmmv/kiZmMWVsn\nSIvRquxmSqZMvuhyJlBpMQB7hrEbbyoj4ammBflzQHdai9mSd64PrdW1Xm7h\nCbbQ\r\n=JUFt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.6.1-rc.7"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.4-rc.5_1542430934279_0.8146634133505088","host":"s3://npm-registry-packages"}},"1.0.5-rc.0":{"name":"primer-pagination","version":"1.0.5-rc.0","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.5-rc.0","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"fe8b9224002276bf8a8712f9218db438c762de67","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.5-rc.0.tgz","fileCount":9,"integrity":"sha512-TbXn3XbamAv0D1OoaPbWuPkUZOsYwSsRZn9wAoYPnEDa2s3SgRIcFz7Iy0JkYVd/rQXyD4fMGWu3Pn2ForqeZA==","signatures":[{"sig":"MEYCIQCUz8JR5FO09t5nmJk5Fr3Cluw+57HKstqucQr/l48ptQIhAI0YExJ/M++TLH1BFg4ODn73gOIkngjrjztt3eCqOCnI","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14548,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb8x6GCRA9TVsSAnZWagAAK80P/AiV0kamR+V5Y6MAPm31\nJJx6gN0+rjLfkV8WftUKrDF8n5bQF0si1b6nxnX3+XZ7TL+MYqil2wf5EWrB\nFQtJBKp9zyJHWbIWHDDSSmLFERs9peIr077zLcEqOBJtJR2nDHlt/GkD/LkF\nEOG/yRd69BAyF15Wl/NuhxdL7B1HkHJGJS5BVCc3vqTAG5oroaFaFTc8NFPd\nYevEeO1xzVLcfZRHpb2ZgGFa4uv9QEWGerHjSSJ7BtzAbuMGm+4FOIht7lfs\nSOqVoYjOr53G1EYU6Jibz3mbplazdLUwtsP9R1ssdmpecEJmj+fUaTupAUpJ\ndPMYTSGdvgJgpjJyEtqnGSj2GFNqHduYq5hihHOeZ3URQnHkb1qAXG0QuJKC\n3NX0VvNhx3JNXQlU47+y44mJn3C1jmqq2kNJFUmkBkfs6Lebi+kLbUSM097S\nP7yOkQKtHhE3vhl7bUY9OUOfMZHucHZytTVtyddtZq7lFeeWrVXjSjUE/74s\nKSAEVys/ts5YpPmAtnnnX252FeZha5VJKMxV4hHNOQPwKf/vS7TcSM8fxyrv\nefGwsT+Wrq5/FbMryrKBimgq5+JaM7eu9/A9VUq+97fViTwRt7nRhpZB4XBu\ncobFwXeRwRv3iMuV3TEQAVx/Wv9lQV4mLLShoFmmDIA6A0X0WUk/PsQ/p7as\nif7x\r\n=G99J\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-rc.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.5-rc.0_1542659710571_0.6094482784247903","host":"s3://npm-registry-packages"}},"1.0.5-rc.1":{"name":"primer-pagination","version":"1.0.5-rc.1","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.5-rc.1","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"22fc2d9d467e5a6e60ccbeb7510e86a77482334d","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.5-rc.1.tgz","fileCount":9,"integrity":"sha512-vaOKVtIOTCPFmgBOWvTTbxM/+x423ph/NSjy7qO9tRoulqo0Vr7U4Q2sdRodIIUHSM1R+Bvja9psdNDSX5Buiw==","signatures":[{"sig":"MEYCIQDb6ipO1cAkAhmiV9/2+W4ILxfRlUebJXzqlCQi/FlFVQIhAJX5ldUDSsj+aylZ9lZltDGokJyNQLxtm6O+g88ypDcI","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14548,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb8yFYCRA9TVsSAnZWagAAYwMP/Rwa/2AS6e+Itnn1ZLA9\ncKR6EkxjX3gerPpZik/gQsUIKidowc7dnzonsMxaKsMvyNcYC+HdpgYZZFtj\nWoFEk3JUJSs5/Ob+rU4dXFPb8UUadQCKtnHhkkUl4/t3FpogBMBsaffRH9wz\nTOwGrXKCmnHn9tDJkdntmxA1KWrFheem+uaXRWkf4+MmJnvcyqq43kZ9yBoN\nL7oNKPFTPvhK42aghqmHuAXSFycLUfnwRx5mp0glpOqQgorIdGS5Th1lG8Nu\n8QM2NrTww0+ynlIVAk55XFcJItzp55uk8XdoXXzy6E9qGbd+Cg2pwtaTv4RI\nvt0sWKSktbWoOTCMUuIJYuoBf+U323r50G3d72H02CarUeO4f15leytlGNC+\n7+gFtSU7ffpftDdLxrDgy+dMRyq7pIWwH/nEYry37Oc/c24yQ8UJg+Z9SNcK\nALabxfjF6UfYeK48LSyqadZy9DanYkf1L9ghySdHUt+adSJDL/wIllag5V+t\n852B8ciB2dLnWxycab6vbG6sXMKM5uSV58jhxgqPTyfR6YKQvZ6/hi5vq6Nv\nsyRNmcNuRzmj/KMKKnSWU/HQ8VTneryrS7Uf2xswJOc3U9Cmr97cibhjHLxv\n2QAq9m1Jp8SCLBzwDY46YXVtaLaB99kpr1zkxPfxObiU7ywQhxtXGFR8O4l0\nZZn2\r\n=6wY4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-rc.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.5-rc.1_1542660432603_0.9975234198488341","host":"s3://npm-registry-packages"}},"1.1.0-alpha.e9889e24":{"name":"primer-pagination","version":"1.1.0-alpha.e9889e24","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.e9889e24","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"86ad3f0a314bb7e7b038adb6b954e6ed0c09640f","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.e9889e24.tgz","fileCount":9,"integrity":"sha512-+WqbB3aVIKV6Qhl/Pcqp/K/lyMcvwZFw113GTlNVmTQ6jtnIvaOs7WTy1PBdOCEfQZnvn4WoUDpRqj4ME3xlAg==","signatures":[{"sig":"MEUCIQDgbfL2BQwiHOTqkpnosSM2U9XHvvuifx4zpIiFO3R44gIgUzf9vFjcfleKqwq2rGiAb1RIZyKtt9UJeG7RqGMwFHY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb8y24CRA9TVsSAnZWagAAEUsP/j9t9rYKXz0EA7xyUsNR\nY3kHwqWxcBqJ6WkqaF+7S8DcwBHZilfNGiyj+EmmEBzOXzXwGU1l4XTZ/+E+\nGnqSFgl+we4yd3/e0WHdjn1QXzXZD1JK8giqSOb6+GHNyXAGh3HBhkEI8fMp\nSYy+waxh/AHWnfe5oCoXj4ti/BVW6mNK1NUXBstyc1YHa2JRN+9Q1xu0QX+w\nW3DQ4jZ9sPx0aMXu81kg4QLVcyvQIUFVic1iHszL7UJZfkWboZyI+lqNRMOj\nQdb0Uuju3OiH9XF9RFIohurZCJEHZ0AHJ9j5FAcrO/yf6lgP5B5cQaf6BnOg\nzWViyWkp1Dz1ON6ZC33+r6VxTmgJVayARjT+XQSfOigXdFkqQYngWCmQmsh9\ngVC7am/Sd+t5o9GARwpfnN8+hnudeMJVaDAeAnVJXV9bSchHHG/NY8dhY/49\nmYEjAmzsfSYPol4Oc2IEzTIWm1hGwc5FhxtVSORl/5lPajLVpKfoZ8ormSC8\nGWmQNYzg62t3+0GTAND1ZpTKQUs2ggt8Aenf4TUc3kuphUdg1QD0m5iV322c\nIfZh9MVGj2owC0gjnYvpldw4KNz3eulaujUYYIp7CnAa+zXje98dQvchO4uu\nt98MnjxYvvx6UzWhXXvMB40xdpiol1AyzKwXQiHouBVV1bL+n7VfshRQgpNj\nPlna\r\n=Mr0E\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.8.0-alpha.e9889e24"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.e9889e24_1542663607601_0.6369523710422882","host":"s3://npm-registry-packages"}},"1.0.5-rc.2":{"name":"primer-pagination","version":"1.0.5-rc.2","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.5-rc.2","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"8854300d23ef43609ec6a680b563c0421395322b","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.5-rc.2.tgz","fileCount":9,"integrity":"sha512-Zb1ApUo4EBwQ52NApcb2YBiNNhIC4JOgyaMbVDHL8hoXqGw3t6PGL2fnbFsNvo5zzMztEiDkKJYeYo/YgPSODw==","signatures":[{"sig":"MEQCIHuQVBPKeexKsFCxrbdOOqmX8sURfyc6ka3IeVu9XnXGAiB0OoNilEor5X4ci6uh0m0B9BtaTBJmUdmKU8VUOVwADQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14548,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb8zF1CRA9TVsSAnZWagAAw3YP/2hyTZDlnAqcxXrHWtJ6\nkKex8HfizAqXX2ULuBuoUZ4vCMq6jP6I0rn9YUTy0/sdpywvGhpwigmmN/hJ\naXdfybV8QFLPd4x5SEFUtrSlIF7x+D3jvy34lCYNhprZP6LbRUbhnsVaQqHz\no0lWAJmovDqnBpPcIfkIKRBnOkOMA2E96YAwMxnXGfz6ZqgqvYyYxweq5tnK\n8gSsKe/nZlVnAv2a7+0Z1YO8mIiEe3DeYNCUbjQuSYSd6OYPawwItNH9VpSV\n0VWtFViHS4g3iJxrOMmFt0BTFFB2HR9lXgSUEG9e4McLgur55/6V1slN8kx2\neFj7azEw8NnbbTrG3Z8hYKz4m9phnIsn7BM4ocDB1tNcgipk+9UUYGER4Fgv\nj7CBpJ2ZtOrfbBBq+7VEBmvheB/HxDQ6pzYiVUGxjn/FTyyHDc7KxhuWyZop\nPxHX9m0XhLwqRkbApidGSReZvBlNJo0RzeElJK5AsNx2ibMUqeTbTo5aDGnL\nSkGh76CwV/GM9Kwc57UJ3N7zofMDdTVqWDSpbJ3KOJEZQZYGtFWuVeZArPkT\nc7kfjJtnBvBBD05YqZa9dQ1UFwZNRX7Uo+qYQYRa9jLaClENIBacUxCfN8CL\nDJE5zEpcOIk6IHxGzBXZNDyOUNwlhm6kOFWgR/aD7ucH2RrM0AgGzZ5xov0r\nv2ti\r\n=7hU3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-rc.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.5-rc.2_1542664563894_0.4764531409341881","host":"s3://npm-registry-packages"}},"1.1.0-alpha.314bc862":{"name":"primer-pagination","version":"1.1.0-alpha.314bc862","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.314bc862","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"d8c03e2d166d0ac1edb023139a3b8c53959cda1b","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.314bc862.tgz","fileCount":9,"integrity":"sha512-EZQHII6wEFKgo1ds5cWkaOT4Tf4joSoT/wcUXEHL1qYCRbl+mrlte08qHMbNPAGgcrBkogNLCvT+N3uL33MKrg==","signatures":[{"sig":"MEYCIQCJjjy3AcLJf410JfQsQiXcKNOj11Q8MrjYetWp0ziexwIhAITCQsyroAAggXvpfKxGMykN90z9sUBQZYJSd7Tb+yIZ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb8zVECRA9TVsSAnZWagAAR7wQAI52rImMc+Tr1XEcQBKI\nkYIAemZM4arom9vbfHl+fb1Cdvv80Tx9GADOD+R+p3XwMZLOIpuEDqAo7YxU\nbP2uSbSborDFAW2esgL7UAwprVXMY4SbWPrTpwl7TAaClRz2tU5OEA21mTw6\ntu6A7JfebXmBijwXa21OYDP3HresdBI1Rryc+nmsRKb/eZds1vyncIbQxDFS\n/UNq5wQoTbhhws72X/xT9QZ2oEBoXC2k6iH4ilVOHNssfxx6RzOTwOVFXVRn\nmwQHxSOA51PV/xakQISNUm6xMiOQPnltC3/FlWt/xRlO+q1zNoewdkyf0Ycq\nZrZ7vualpT4RtiYGjXY0dXhBYLr863yuH+XA0sFavoJz+LTdXMGpuu5+nvJa\n0Dn6ELgZOLmsg7Ovaz1ubnHl4JpNDLGqFULxS6CD2gQh5UbTFAtZS/5596Gs\ngRfJPt9Wm5Cw145eIq5WDn7ckOVTeMVSZFgraUCOoejOabfNmWY1HzUUl6UL\nBLih0I7O93BD2K2d8ZjgXNebFS5EANjV9JEuhPZ1xto8G9yaOO+Kll355VDs\nbbKYTdAvEKYRcnOAmWU0PRvJsMq6Lh4SQajGBWfOrO0BSa/iDwNPz/LXcCP0\nKkR1/3Cp8eoYhQzynNoB+sHg/N8K/PYD1GdeXOXbmGPQSqZnLIcleOIFi3in\ntLNd\r\n=NfT2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.8.0-alpha.314bc862"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.314bc862_1542665539560_0.775304251229125","host":"s3://npm-registry-packages"}},"1.0.5-rc.3":{"name":"primer-pagination","version":"1.0.5-rc.3","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.5-rc.3","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"65eb076afdd0160f623a675542a7ea299b2eb098","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.5-rc.3.tgz","fileCount":9,"integrity":"sha512-E1YBEcWlfjtOsg6CLyYBC/OgXQmX+xT0rmOFJdce6lNzBblLdiIaxrCN3JY/HqPFvTOI8RKK1dJn9ZIFbSMjXw==","signatures":[{"sig":"MEUCIDZQivR1ly/uN+APi8P98HkmG9aYGQFTmk3CUvWLuWsbAiEAmAGsa4Cbc0hZWldem5NxkocsXxHJhanHOM5/Bhf4wWI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14548,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb8zpqCRA9TVsSAnZWagAAuSUP/0E1J1BoFtUwxZ79IFON\nO23FvCRsditcHLsOos0iMDEr0mtcIGYyBku0uFw8tA4cXlWNBeaRLNcNleHl\nD56K0gJMOF8D1dDs0Ue4QU10DWF1NhWE86w5e34eveXh17DfOjBAJrpLx1Zm\n+IczubZ31R+7aRNrbWlNUC9EYYYY3KvJNJZGSCQh+s5rRwRqZ+LbsJvG9B7+\nRagQGLbFElccfVOwsONwJLDjafKAArtareIypoQI9NQEu8kX5laahcZLyrhL\n3/zAllHoz1F5gE8hW/ppbFsImawf5q0UQEZfjBmJcuFC/odHrKKwfloU5Dka\nME4HAS8RbursMmpdkZIeXRpp/EEvlLdBJFjJWqXF7tu0FfsK8NwglYAlOGIY\nEt97biv0VqiYtSGsRj6q35CxdobPBBtXgcIdbis+AxqYmG7zPot6dRMZ4nXZ\nji38EUudFMAdK2vHYxFAWBFfKNstZR2R1HjnhtwIEqBhk4C6sF2Mfao2pGcv\n3J3SY7Sh/d4L++rxYiVOitfewrdGyTOgQX45Iise2dy7XqK6F9HU8YjNjqTd\nDwDtURp5wSwCy3kCixlzv/0WL7vUSBPvApb9Mlo0kKcuqE92P2VeqkaM+nwO\n160VhJ3hbsgZ3VsD67b+3PGm2bfqoNYUV3bqdqP9CgGNjbvOEEOGBKTV7/p0\nm5wT\r\n=hvzZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-rc.3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.5-rc.3_1542666850249_0.34360370197307466","host":"s3://npm-registry-packages"}},"1.1.0-alpha.2afc388c":{"name":"primer-pagination","version":"1.1.0-alpha.2afc388c","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.2afc388c","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"5ea7b04d650bc638528288010103751ab088f6b6","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.2afc388c.tgz","fileCount":9,"integrity":"sha512-MavUeDtlGunurb03zY7yfX387iu0z7+M78lbKtLImkzP+lHoYuBad8Ks/fc7AmFvrgmfJj7rowqF9hzGZcKiLA==","signatures":[{"sig":"MEQCIGlpQ9pAewzqGK3dOmRti7vTxuMW7XgObCTddfhRBllXAiBIGKHrPAbAJCQTgAlOBkA6sQ9nkoOqiOaaHKcnyLeljQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb8zxXCRA9TVsSAnZWagAAMngQAJskY8IlQ++Azs1t/9DK\ncYQkR4Pni0lpX9IbCMtdI/vAd90VTXQBjSIXAbSfieePooUdHVroqAs4QN1c\nFvBicoyEQqE1nGQW5d6cBeYKPEB9dQfSbxcYBONs18u/vBtC1f7txzHfHHX5\nIkLKwD8Bs72ZiEPRKe9kiyjor/WZA+pov8kX/xFUw9feupKNySit7GzuzfU+\nnXbDi6lukygrPSyzmfIcnh3Olk19cizuQlYkOph4kK2DUmdQTVoNg6hJUhxX\nv3Po/S70kHWe0Foa8pKyVMKCDDR31Ki0hEqxDfJpX55oJ6qwG/PGvZQYOugy\nwKiF3CMdLiCJl+FuoNT6r062D8TEfZ85XRDttarj3towGJ+Wwi+PGgJDsp1/\nryOfpu6PPph3BQwP1jikvCkBAyTV2TBu42qUHOSM7DF0++ZaigWZZXjZqnZK\nvAKnYjJuEa4VTU1MZQS1FRyUV8AT7/vcTMRFyk/EHZZFXt4di7d0ccT3uBZx\ngfUijMKcJ8vzuzCJ6F3B2ojhvlNu5wp2yFPQar8Yg+6CqZ/8IlM44N2tk79r\nTS5hrdIyaZswBKB20tyhQBOCUAPHJ1tqLHbs/cd1y6GNu2cX/lk4XcNUfde6\n7Ivz6OabWQw3v5yKwpeiFOmjDeWx9En0R/oUSkmSPZ+WEtvp3Ab+cQcSNubS\nVu5w\r\n=+Ikk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.8.0-alpha.2afc388c"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.2afc388c_1542667350874_0.2870740675371659","host":"s3://npm-registry-packages"}},"1.0.5-rc.4":{"name":"primer-pagination","version":"1.0.5-rc.4","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.5-rc.4","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"003a80524b0189750a7fe9c76f138bd7e6e7c3e8","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.5-rc.4.tgz","fileCount":9,"integrity":"sha512-TJ47FOUuauboICbnxrR+OmIUfWO5sSgvcIxORHZvyHHoxcMSepsO1xo670odvmbTdD2MCZtREicQFLvHKSdQuQ==","signatures":[{"sig":"MEYCIQDnvmCGHzaS58kSpBVZd68GQBMTLph33ZShNBSADCzDawIhAIVP6sEbHEj/52BZCSmdhV1vL3qMpMe6COeAvpMClbaF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14548,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb8z2JCRA9TVsSAnZWagAAPssP/jE+s77up9luf9s7oZ0V\n9pFCmr3Sgg5K7NokDVOpGAqsCQlw8BdDpcSnbLbHFIX3CYxZAqziNzTy6J2h\nFdsgr8nuyBZhG/HeNdZbPjU5ysKZV1kUnrkBWDeosNhy6a9cqB5W/CUT/DHE\nuY1nLs1tB4ORRM8lKihFXYHrIPMpOz6bPjs0B0LTXjGH7OtCQrfGAWY528he\n30GgoYSwjLl/ymsw9yag8i8s2PJWZYfxOC08b5T4ZOQuFsjx2R5ZtxgOYsYL\n09E2+RZSzOXGCsvv6/UBD5vmeVWy1IJN/lYeJTt4t9RH/UsY/nDyl4Fh1InG\nr2LSmLw8RuMaC5OjNHG4g5I+4/P7/oxRSPN2DQxqQILSTTfh5cXSXg8Gotc5\nSZsNAeBK5bt3OUNDCOLixifGSzHzo/TVpxCeijxwDZmr/zLm97pT4Z05zAVW\nG2htFhIpX1gKTc+Qr4Mon5faDUZN8zkB8I7+GL1/ywa0vAtGWwQWQp0D1m0Y\nVWrlx+LSRM5Ft2PrEGFBM6uvj9fVCqhPKgwAwJfm0AZZCXO4S3idSz9TK41n\nmr/9TZirMHzP/w3TAt51YQrAF+/NiJ0jAj7rllBZUPu1FsCsm8cwBMPKWXjN\nFBnFtWd/NMMFZHglzr07fblXUrSkFxyz2BMwTdSDRzb5istShGZI1wRc0pOd\nM85O\r\n=FBc2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0-rc.4"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.5-rc.4_1542667649163_0.547935829146903","host":"s3://npm-registry-packages"}},"1.0.5":{"name":"primer-pagination","version":"1.0.5","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.5","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"af0cf5085f9728471a79eee47cb981d06a79decd","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.5.tgz","fileCount":9,"integrity":"sha512-FsoQiUdPjBmSlpIm7Sme0fbK6Sh2JJSi8y6eOkmdCZtOpMH7FHJiUgXXNu0MX20QKTCfSXZ2FWurZIVM4E9ZRQ==","signatures":[{"sig":"MEUCIQDYSEuZeHmi6jheLYPypY/XYYc142SYRpa5cQSOpdJbDQIgEWjGulfGT5iBpviyshb374f4pkQHTKyMpYsv9E9qdSc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14538,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb80+3CRA9TVsSAnZWagAAEwYP/jVONZmM2zzPqR2S1XSQ\n/D6PrUZdqZwvZewcEXO3D9vdlBd4YPkIFeZGmmWWyn3ENlYNxPN6SQyqsYiL\n+wh/pjLdVInF6Wtd5NlW3lSasHtzEs0eHEVNkYEfbPGHGRYO7CPBpg1mqJm7\nIrvcNx3Ms9ywZYEnCTKSJepG3i28M8qNBNz/toWgFjUbeZuF/OnLq4V3LCXP\nQkqT056ez3Gl2qUXl2OsTEUVejnu9vtrSaIHNlLBzEk6oCr6vJXQVEBpT0kn\ngajAFCGHWUbom9iF4goTVq7oopZP61RJdlAGb7FwRuBuXsqT1PTLomo13Tln\nKUmXuQVSR2Dp+244q+ipxkqKxW4P5x0as0kw/a7FQgkF0amYQq1Z+D/Iw7sF\nr+C1dP/TGV21WtnbXBy4K4tYn/bJiMu4iFQ1dLaXMtsluMQVZqmsowXFQU7t\n/DK80Rm+9kagsLjHugVy9ppX/CDsot/FJcGoVRb5QtCNh7M+yUSWGKvuOoYq\nPwENPuNYz4tm92+zltAmy8UifOAcOK2ls0TuksL/fxx1XiEsAIWhPf+9oXwL\nkwEZAtNOKQVy9u0QAn9KQL/4q8ORg4eezFZjWO3tNKhuZSmU2Otg9NWkc41w\ndvO+j5M4NnQUFqD7/DzmQiTFzDWh8b2uyypsHV3BQod+fIQBfegUhIZtD1yR\nSFtD\r\n=ivsc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.12.0","dependencies":{"primer-support":"4.7.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.5_1542672310769_0.7293158488007103","host":"s3://npm-registry-packages"}},"1.1.0-alpha.ab2b4e17":{"name":"primer-pagination","version":"1.1.0-alpha.ab2b4e17","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.ab2b4e17","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"ea0ac02f54b2da26d0f96a881866fa751e54933c","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.ab2b4e17.tgz","fileCount":9,"integrity":"sha512-oK4r3SrUdpe8rEe17YrXC79RVvgED8G8Ue1nawEx8AL88q7VnMeA+wnnBauVP52H7mxnr06Vi4dZke0yDRJjyA==","signatures":[{"sig":"MEQCIBlrbbqidcaEoWTS8jKwrFES7IThskTZ+TpfPCYCF11dAiBlBWwf0CuUuVuZtNEi1VgYAJwU0gd7hzP1EJTG6KYOuA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb9FTKCRA9TVsSAnZWagAAk78P/3y2eh/Y7yI+jmvFh1D+\nG/DXQnSrIzXxEZR5yadC2lxAVDTr2KIYVC1quJdc7e9rT4wi7Y7OzIJ76vha\ndzlWPgP4AxC7AsANgbfBEM7g4bbtBMNncLCJGXTAseVswmqU6EHA+ccRryhz\nbPwnKtI3dKR81spVb5qrO48m/uaZ8o3Rct7XzuhQ9P2MC7jNk+kbfSNf42in\nWrEBnVW5awWnUpV4FPtfg2sT6a2tKp0pj9OQmPsxRRUwa95ZeEijUbf0TEFH\nNxnMfCpGzlf+z965nClLuJSUq1S7kHpIU1EvNe9ypiulNwBXEjcFB4A8D+aG\nQ6X2Xi4hYFisRzmS68T1DFRwMtDxAdfJC+d5CMFdXqxd8mayre7E2dupwFrE\nFfWPU4fHDdaKTSwfwg4/x6bcjZo4H7mlW+NqpKFmd6qABQdnTeJnFBgKBpuh\nMmsSzIWIkxRbNvrQVVqNeGi2G2wUaWKD8/zf3GOGwPNdJ0tUeNc+A+gKt2pE\njId7GC6A9eSMSzPbxS3vaVifCgV/4XApreDuuri0r4g6JAFU/Ya1bxUqSi6s\nW0B8vOL6mRwts5NDuiheudKq93VjlmStmyc4n/8RQGIsmk6YNkC36p7koBv2\nnb+iNCUVKrBO6Js8QSEPUFpYRqSBG2kz7ptJmzriFT9cF2FGB4t3pPbg7Ocw\n6rle\r\n=CPSM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.13.0","dependencies":{"primer-support":"4.8.0-alpha.ab2b4e17"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.ab2b4e17_1542739145553_0.10978432521230141","host":"s3://npm-registry-packages"}},"1.1.0-alpha.62009446":{"name":"primer-pagination","version":"1.1.0-alpha.62009446","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.62009446","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"14d5a663ab0c00fe7f6e5d20f20dc1d1c133e001","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.62009446.tgz","fileCount":9,"integrity":"sha512-x8Q8I6l0AQjgX5JYPuZoNNEAf6+VovX5MpHpbn3Hi5umy4rZBXJNV1BCuLYd2PBsbbG6VjeOvX84juDm/qwFvg==","signatures":[{"sig":"MEYCIQCGBHIfnPAVxhKVpdx4ce/W2pRzyWPYLDTR0dfkXBSJDwIhAKxdDzPfEleOFH+vMygNTjv8AAnZHSNj04hQ/VyOKJEY","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb9FY1CRA9TVsSAnZWagAAHMkQAJ0yKbNIePCak90/Cw1I\ny2dguK5XWzrGmI0ut+LVFxIw5dZ6A6U1/oxuMS4z5aePcDZqP4LayXerJ65s\n2LcZuCg6C8Kb30AP1WwEK4tQ7F3rVLsRMrxqsIkea1ZD2S5B0I+P5sZuklBf\nU4eTOv4adzyn7Ek8rF6M+CqD5eruh9eAbAzN/8Yo6l084HXHMoiE+Qf+0zVr\ncuaTdbt7wP/rgqrIaYE1mbfyqcGS2hWHee0c1auHc0OVINnGhCLHandduqEl\nidGvj4vjWCPzfHQu8Cwu4bExfWSbkPjtug9HZ3mxMMsBudXUY0j0226TXNhP\nOmyZKT+UxhcM4dyWih9Qa8CJJp+d+CXOwh+V79KpBiPhew+VCatxr1M4lsR0\nCRYN3v0UJiH+83xczsgIO9QHzxrCYnG4pHsUlUjPokm6j3nfTdTrLyxSFqfc\n0ZxWbjihwAMibBe8VQInMote+1o2qcENVLNMeiHEh2elETZqtpg8MURXw5/8\nLkuK7tzYO1mDNVpHU8SKYv4SfvW3vHZvdBcc4eZF8reSbLgpBUxWznrv/TQa\noekkvORnFOsXoloblvyOgWgNTXvidGc73idfkuLgWXG+AD+LB+bD+5yQwFUF\niolLua69xS+71KwbLaAgauXo5k88S9yqwaYr7sGke6gdbSn5Os83DPgKnz/V\n1LFg\r\n=ds0U\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.13.0","dependencies":{"primer-support":"4.8.0-alpha.62009446"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.62009446_1542739509144_0.8154186929440763","host":"s3://npm-registry-packages"}},"1.1.0-alpha.bc9c43da":{"name":"primer-pagination","version":"1.1.0-alpha.bc9c43da","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.bc9c43da","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"a956fa92738000242fbd1cd9937d3b47fed805c4","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.bc9c43da.tgz","fileCount":9,"integrity":"sha512-p9Uvjbf3Cog19o1wF1ZDtHF/lJwGEqFzBsm3Y2L268Lvre09VbABL5DQ98/zaZnBXT37ABanhGtQJ4XqdtW9+Q==","signatures":[{"sig":"MEQCIE4weO0xzqqtOxApnU3ocuqHlAANuqGgSu4bUwmW3S5kAiBEscNGABlPhhmw42a0JoYVY+SLXoeywqvnf3W3XexDmA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJb/E4hCRA9TVsSAnZWagAA6HsP/2p6txi/zYYTcHEtxH6o\nBiEJxigfJIVrRFVEi0YaCm6r1Ud9XflcZlgQcI74/bUFtXtrztHxxbuk4jRg\nvABKZg+1Q6OgMlSwqxT11YtZoqyM0q45it5bVg5oM2YMJqW7SWoiynPImndq\nuuPTchiLAGk6TiNizACZ9rNZds8lHfeZoC4emlqdrOFkrnFT3IE66mO0nf3i\n2qOJ/6YgD3qcNiQx1yikXbGtWy0+Imo50TLArN8o9EKXZ/4hI593DD2K8/Kg\n0dzLqcktvpxEKvTCLNR8VsT+HFzxLb3vpef9l3DZNDecsQwTP5Cnz35Ik1oG\nCnrNbKvd4/C69AUF7E1oY+Kf1FXiicj7FslK7g3H9SxN9rL4XHDRkyGAYYBH\nSuUiIQi+/gEMPRhak/3rOuv5gFW/yedD9fHewHaUAxA2c4yECeBMgpIhoOqQ\nIwrxM8hc5Mjn+8Qv9QA5YYxZ7pAP7UYna2dzqb2o4oVpeNuk/LcTVLocqKq5\nvWaHSHFp6jNrHPKbe2JF7O5CTPnm4rGzQA2ah89Os7ZsIGKYJZAKUZONE5Vp\nRd7qiN1L1hz3MiUlp29GMtCAUT7E+WFJxVQqi4kjfuSOa2Ulo2DBwG4bFA1P\nxdlnSM6VrkX/Q1XvyZlGXWtu/lK661FrWnzsvpoOyDDm41nu/R4CZ/rK//9w\n9Jo4\r\n=n+Me\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.13.0","dependencies":{"primer-support":"4.8.0-alpha.bc9c43da"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.bc9c43da_1543261728535_0.4113017730745383","host":"s3://npm-registry-packages"}},"1.1.0-alpha.589611fb":{"name":"primer-pagination","version":"1.1.0-alpha.589611fb","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.589611fb","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"a4a1251fccddf71ba645e28a68ae9e50acbd08ca","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.589611fb.tgz","fileCount":9,"integrity":"sha512-H0HA7LZpk/USjEj+fBjEReeT0oWl6julQ6vyvF4IYE/NP4u498EkOisIHAMArDIpxk3xrO0Jz8/muFNg69FcJw==","signatures":[{"sig":"MEQCIFphneZ8F6TiNUKXfxeYV2aT8i3hhzvzEzvPqdVtzknDAiApDIbwwtJQscRP45LLC6lBcsAblRu4Jt72uDuygvxKMg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcAC6CCRA9TVsSAnZWagAAmnsP/jy1VYeAkvvtFFNZ3olv\n55r8ZYnIsGUYufCCiO8HL6OGYvNUpwpk2ytHdVTdl08Xx2tbf4pAVOYVZf56\n3C7isx+iT0V5lNMcmMsBYzZf+tYF/Lgz90jqockKuE1wUT6XTr3crnN0ijjx\nJk6AHHR1X8M7jVjJSh8lppOqLTgT9Pazr669OZBTcYxXV9jbz04HYtVjeA0A\nr0HdKHnyYCQCQ6hVnBJv+9gAxmu9OTDGMqs9jXPUPLPmTeMx0KPSmEHghiK+\ns6x9Ya2z8afbkvfexJHubJVljbm5TrjBkTK1ue4/ylDZTmknr50nuAYq7BRy\nqFtkwovCde2wgkVdGt99kCxaMXWVCmpAGaX4QLe5VZH1rl9qg5pTKzbLCy+m\n7g6+hr4AHeqm31UPJ43dDK2WLZfrd0zsLND6M4xiX2DdnWRgFFaB7rfFscxm\nuITJi8SrU39I2NCBI1u/uaywFWW6zjwdaSqmj3ZCVpW1GsRXNKqPQ8wYbpqY\nP0ckqpBQT3aBZ6NWkie8B1UVEmvPkLMdelc45mB3TVi4LUIaz3L6aEWqvJ9l\nNN1mkgSsV2JzcCaN+7Zc3yCzZG/vVyimmElDdKH7v+ZNv+srUxlqhmGL1acV\nWzYsWU6TuMal+73VUofEaJmoyvNGmZLKh2s0Pbx2095ZA+Zav0dofCIQkCMv\nEOOo\r\n=k1Hd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.0","dependencies":{"primer-support":"4.8.0-alpha.589611fb"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.589611fb_1543515777212_0.20550752623900315","host":"s3://npm-registry-packages"}},"1.1.0-alpha.640adae6":{"name":"primer-pagination","version":"1.1.0-alpha.640adae6","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.640adae6","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"84c268f44dcf6c0fb39533c29e72614c1d54c209","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.640adae6.tgz","fileCount":9,"integrity":"sha512-eHJS5di/HiJd5KbiaYg2bSahOe7WCamTJ5sd1rkz/c7dQ2+CEyJKwC/6D+jkEP8/+UntmpiQrNxmvaSLs5owtQ==","signatures":[{"sig":"MEYCIQCdFIFh0HejjsaUl3KPgtpsYXyyNYa7AHdY4StzPfO8cAIhAN4T/WEPhzCBvrExdDRbkFPnFuFpOiN63tZGWe7yzfmd","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcAYTeCRA9TVsSAnZWagAAML4QAJzIqhujaqAaW3smLaPi\nfkUiZ7Ii02HtM5zIaVfwvuTeEZfLoFyIEWd41m82VwvgvEdwjuYJvBeAUvsq\ngEP0f8g+JZxhelB0gbX97ZmyKaFcVLKkLzOMxl7h9VQsx5/o6E9Qi39LnCsU\n77g1S0rwB/lPxros6lkzv44YkxpVHzpkXM9gWk96ebVv3hM+Tg7J9KgEpPYk\ncEaQcCVmP+ycSRPSqOu3+Sr9CH5YWJvZts/+IJGLgbYfBUMLDb+X2vkeWFIb\nvde6rHNglsbBLn6bfXP7yq7T6njlW45npCZRbjNcw+vqXJoSASPa8K81gZrm\nUOVO3dONTE5VJB4EM8ixJqlDWwLdoT2MB0sba7XL2mNHfC/a7SkzW0XnA2B2\nuhKca+tyh64mLQhc/d5HuDlSkhnFvOY3LNNj75vJMDLzYQ3wRblcgjOqpn9H\nv+IK0rQSA0EFXH0fh7MY0iSfaZnOdlcSP8Ey2jnr83/HqcvLPxWwar5jOJer\nw9v43+Vo2rGd8VloH4/HkMwX61utkfIMBVQoQudZ/gaJSwPXSIHKWE2m4O3b\n5SPWU0CW2wEMVByySM1VY7SWyGJA0bqYWlCdYU4nY0oybf3fOfb2GpRbY970\nNCUJRA528rz8s8dAm1IaQzIAWWNJ0XpUj2Gcp/fRMPcAk8nklvlcKbjK7FKK\nIFUc\r\n=6HXK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.0","dependencies":{"primer-support":"4.8.0-alpha.640adae6"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.640adae6_1543603421789_0.357185490344039","host":"s3://npm-registry-packages"}},"1.1.0-alpha.9abc2666":{"name":"primer-pagination","version":"1.1.0-alpha.9abc2666","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.9abc2666","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"eafd31e856b427380dfe77a107f037e68db1ba7b","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.9abc2666.tgz","fileCount":9,"integrity":"sha512-M2kvTWIXGTuwwHsI6WJC4r0Wqj+ic6SQkej/W7H3tR+Pg1AmxP99wQmnurO24s277BBgiyURK8Sy9CxAtCySNg==","signatures":[{"sig":"MEUCIHHtICnAeP8RHG/zDddEYCp2+Jah2tfjiwcmIXsZvUXKAiEA7vHK2sfRSQYNpzXemvl3Q0XKAFlMNICfdYP2t5wTw7M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcAascCRA9TVsSAnZWagAAEmQP/R/85byY604abWge/Qsf\n9SwOWdnftsoKcrdkq+I83Gn7aCItYWvsHA4+4mMOpxp40qEpEYdvvTov2U1E\nEFcFnjwjBE1mpFaR/z3uQQOsKxK1FCZl0qNR3YJcqGNBxqN4kge+yn8bOdMR\nAiEjJBUs4j+yp27ZdYpINAVmmjrhqYgCNE/Ol6ZlnSMl5DnL6v63LXx6a55h\noqN0B0jTDp1E7gAfAZdAFUzGsQdaIP8JW4/g4+coA7MTWSr35jVJ1KGLbxEo\nD03ndTmZQj99PNW2Ehj+bJ8VEayqC8gDhk33eNENl37Du4L+uQwU3yndF6MA\nHPLwvzlnq9ZS3dcs1SlzByh+xTZvRHj9AA8Yc6tY8IPI0yB6HfEKo27CUykE\nlXH8YRjVlF1lqsVcVGHZnKNU5OogYMGCIvYQ1VuziexgA+0vuWbPC2E7P8Wt\nSKDpHvQBnMheo6gLHaHebJFkycmosnYoMn/OMoxhXwbNs+jG+Wbv8oDXZf+x\n0gPLEqBrAN9e3k+2khdGRH9AaN2tT+yIvxjf5Lc5/LsORAAs/4Hl3+ZIj8BT\nlcC0gALv0HS4JGE1PmQHSvUHy7HdyRjqj+Ki8NL3ueI7xd2ayNKlqcY2xb9U\nP/wEahzppHHOg/eu0j8bMGANJJPzdb2GHq4ojffIHcf1ZL6BSZS/3sB4ptOK\nWKoy\r\n=4Sz/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.0","dependencies":{"primer-support":"4.8.0-alpha.9abc2666"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.9abc2666_1543613212015_0.9810117203417217","host":"s3://npm-registry-packages"}},"1.1.0-alpha.c96e9341":{"name":"primer-pagination","version":"1.1.0-alpha.c96e9341","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.c96e9341","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"cd3f784258896086ff2644ef972c2338e6a8fd8a","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.c96e9341.tgz","fileCount":9,"integrity":"sha512-S91o4E9d0n9pB6vU+bNJa104nw1HC4t1xwFbLU/iOBljVWnQkKxTCUXpg4NM+xyjZlcuzv6KR9qTwqOFCxO4hg==","signatures":[{"sig":"MEUCIQDskNlszexd0aXhmElygs/EJ4yvrlvc5CIJmRdL2ZbI8gIgbysvm4lbDNn2u5o3rXllrtBZP+BrSQ3w1mUoFmj4tQE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcAdU0CRA9TVsSAnZWagAAP5IQAKTRtuwEZqkf8pbhbBgg\nzjWD1ZK7Fu9qTzBQTinlJIfZdhwgAWp/tRoCuHytbssyB7Y9EKkycfozCcr6\nsee73WSYhmowlrldS0htkXdD4kg4XVU31vFcek5wv3d8UFd+Z5rHiMRFpvaF\ngfpcJ0jzlxtE1BMd/qkD5bmmz0UOjyaYC5VPU02mNvqWmeCpiGdQgz0yAVid\nmeMA/WHwBYHW2SU65e1z9EDeYGRtTFzu+2BcyhQ9ziLrpm/IwhR8MVNHxY0N\n5Q/twSScRkWBvdoPPp0bSkhAOvlMeY6x7ADFXXQS8dcPhVr4E39L7h6HI3ve\ne5o5SZuvQeQbGj44Fo04cq71IZaQaO17nomlY80spNOzD4QQvdrHnrnUWJQh\nmdFTDh2eq/2V25tyhgssuXaf7n1aHq76sq0zmLACAuJGhzz743+AKeDYkotN\npIiAwHmz3Gbx1g5R906AutZdXTq98H7N3xvT+03YEq1tL3DGaqj2sxaRZ6+g\nsWQzon3+R8RPonutOrRpyPJ5NTi0lsyz3lQjFCwLsMWeaYRAFAFEX38R0k9v\nTnAgQZ4jDCGrrRxD6cb0KDnb4CAoQ5hy9Q0jIEFFZtKr5QDVa6+cl0gdJIno\n8tPciDM1y1hn1dbjCNfKCaialrZIHqHHnjt5Y/mDlqAVS6ExKlehEc3JFczN\nxERk\r\n=yR3n\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.0","dependencies":{"primer-support":"4.8.0-alpha.c96e9341"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.c96e9341_1543623987431_0.6302757056208619","host":"s3://npm-registry-packages"}},"1.1.0-alpha.920cbb94":{"name":"primer-pagination","version":"1.1.0-alpha.920cbb94","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.920cbb94","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"46c7ba2926a16cdbcad9debcb026ecfc69488b4b","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.920cbb94.tgz","fileCount":9,"integrity":"sha512-iEBdgDNFJf4pgfJUwHpbr0ORGPgFE05+17tasx5Bj5JFAWaG48VFQOmuJfm4MOW2aaG+j3UpPi0J5QCldOF9Pw==","signatures":[{"sig":"MEUCIQDiXVgcbRxPQH6KSTUjJ6+q0xPP2mMXRpm37nYmwp9UoAIgDSlKq+Y5BnoZt/5e7syXBK94hzNqTXvM96sXkzI0y2k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcAdczCRA9TVsSAnZWagAA1cgP/jgZvoQmJ25gM4dV8OJd\nbosDgYUTtL9XziT5/o85EdieuahnU7fry416CNWvJlb639RpmDj4Oju6H+G6\nrzSoqOKgs4ShvgPfQiH18JYZfczW5DhNZJzZEfrDSUrYdmwfsYPapYbOu00B\noHH6VQTJx+/3p3+3fkzSx+StzCwDC3e7vl0g6crJOgiQHLUCnOcJzjayPZBe\nCfTcdbjaifQFJTUhqMXW5hyfdoXEaSOunYVXK4JEqLW59baY8CiJH8fIOMUI\n3FvmlPvMDB395q1W6WPygIKiy5JrIUAtPJbMutLWIi9lVM62F+Fj5kD72P61\nlgEiiUKJJQlSwldlhRaQ+Ep4ItY51TNM0t0/NSsdA2vZqvoCariDeuOgJZSj\nnhGVGs+syCyJpI2KX+OqV5vYTiq7Fgqnz3/z82pHC81dPPnH7/oDCs0CzD+9\nnyPdwoHlBYIyzEjFWTPLwHYqUerLkOcY1oTA6wC393ZeKUTyNWJ5CBg5zaco\nelWmti8Z5idSnIEEXT9X6X4pQmxmoLn/Rd8vP/D08fH+LZDOHaRCoR2v9L6A\nSqiGWZfKK/L1XLOyUXYDx5m6ltsXtqSjljvra5sThAS7DAU5bKHKsgJe2+Tr\nHMPJgEvy3IjnFfJDxULag/5Obazs+ewImPDtZqcueuUQjcZWu6t7cQxFp97i\nAyq+\r\n=Qwtj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.0","dependencies":{"primer-support":"4.8.0-alpha.920cbb94"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.920cbb94_1543624498420_0.9119637253088695","host":"s3://npm-registry-packages"}},"1.1.0-alpha.10b12bd7":{"name":"primer-pagination","version":"1.1.0-alpha.10b12bd7","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.10b12bd7","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"cc6827e2b147d055b7a5a405da38a21a83e9dd22","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.10b12bd7.tgz","fileCount":9,"integrity":"sha512-PkOaVN81KwewAGqK/aT5BFjsWXIRLl+UN3c32XXIrS8h76b6KHYeqr3S3iliseEcMry5oPyFKwb6lmewZdcU/A==","signatures":[{"sig":"MEQCIDL+kKurZaLW33Ya/pcjAKaLFfHz6UiMfYLqHabNZVSVAiAgbcCHfaU8Y/81TbREA3YMGawwE/CwxMx1upEx7xIibg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcAdq0CRA9TVsSAnZWagAA568QAIRJXA5NgaJxBcXdF6Q2\nqvpTtXQw4DkcoFyJJisw8xdLdD29wMPspLG0UvprbZoC8xHYOmme9UfNJz7l\nQf1T2H3z1vtDJbahcup4ZJpEF4KH6S9fOI3rVVSS/Xp2KKOeAuONBrwXsocG\n5ZBsDN+/kA5DKYkLhpCq6cQXGo9DR5R4fkYkfrQxX/azgsB9uKtiTU5sPLDE\nkx+4oAFQ+ARBcSAAKPSL9T6cxNzfnSwTWiUAeCYMLynMUKQsO1W1B5fuvnhK\nU6hfPtTJN1siIPoTIM/hkdwf5Rkg8QTE1reYl+b9nhKsNRv192KZcXyOvu7A\nt1R1F+TNaO9V9p5CErB/yeNPt+3Y1cLPhJnHkKgPMrNhsAxCy2oCe7p53fVZ\nN9jsQ6q8hGwVp+KMlTjFiQZxaDKIxy24Ove1H+gr4rZ1MqR9ahBhNy2KR4I7\nmn2HjHNRh5AzPMA7gnjNOWCE8/xFHIqSpfgb10clXpe3fImzlNybbra7rMgn\naTAr/iHxiisKdBlkJUo7v79zDLxsl6To19zwrYZHTEQuh2yd6XO0i8LDoMDh\n8zik6HnCZSZD+o84B3jjkecU36ggmXYQ1xcZ8qBNnCcwbEyT4jGjLprdwAM7\ncxIpD0xdBOtqJWwI3JX0WKvOsHm0sB7xcgHmnNQaMFQtXpuNzVuLHZKT+BlZ\nwtNy\r\n=62e8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.0","dependencies":{"primer-support":"4.8.0-alpha.10b12bd7"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.10b12bd7_1543625396253_0.602305720113099","host":"s3://npm-registry-packages"}},"1.1.0-alpha.60374339":{"name":"primer-pagination","version":"1.1.0-alpha.60374339","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.60374339","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"07473a93cacb41ff0b138f5b9bbafc55fd8d8956","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.60374339.tgz","fileCount":9,"integrity":"sha512-bkgKzyExuph2ErzmXLdeIk8WjEmET6RrhvPoReDwZNuwr3rH6iZ7+XCJYPvPFnqNHezEESHOp6ShhC5Y8mecFg==","signatures":[{"sig":"MEQCIDZkbA8F07eOfViHSc4srU2JNZ6fanIiLul2R2+fd7efAiBW6gp9LgouYxpt+UrWr353sXVxAepW2xISaLAs2zRA6g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcAds3CRA9TVsSAnZWagAAMEkP/REDR5VhDDLGPxtNd74C\nvnjnhRe4fo4No9baM0/AxfuOHz8qU1094GKibGYTkqHIyJl62Ef3cIjLGjk5\nsyZy47ckbt9SAOLVdhAlwN5xg9IqlV/McaUPZInWap+2eawqaQWUol7noqw1\n8cJvCRe44HFzV/fCXDC1JPo+TydPTIKrpkI5qNPBNCLeh2ScjdF+RCNRmdxh\n7yYRQXSvtrEjlK5f9BosmSf6d9pO9A6ANCczQkYuFaPNz3jjAvdSZn6xdDG3\njZZLObIqfcXv+PCDUHjlZbhsQhLZmUj5dLfMMBVYJxDi36Ha/+J+gnaBQ9Xi\nVo9sTqVLM1PyUWJoGgHwXtyu1LiWUeSxfpJ9wds2oYZD6XE/kkFIyObIbHTa\nno+XA00ztXgNNbia7HjDm+cAGc2GEIOemElPD1Eq6qZS5k+y5X7YzhRwKMn4\nM3gZYFSj7WYdqHueRYl/buWV4eEf0HHdva6tHzjtPsRjz1GEynuMwReqtc8D\nVDQwHgxt0z3xlrA67oOtxF72H+puCXbmRu39zYzgSwpGt3J2osgjig5KlMQg\nrwrglr2OgMZEo1i0Tv725p8r0hPmERmZaaOTqig2cOfTDOepwUZogzZmySxt\nKWrE7vBOgawW9QEV2W8niz/53lgnl1uNbvBMJsXV2R1k57yG2bYAXJWX4QTz\nM37z\r\n=X7bV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.0","dependencies":{"primer-support":"4.8.0-alpha.60374339"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.60374339_1543625526835_0.34140083640033225","host":"s3://npm-registry-packages"}},"1.1.0-alpha.72bcb091":{"name":"primer-pagination","version":"1.1.0-alpha.72bcb091","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.72bcb091","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"702ea1a1d5757f05d41ead0de01b4f61d4b45477","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.72bcb091.tgz","fileCount":9,"integrity":"sha512-ZXVqr80sv0b2n6q+DQrs6+cHUjL/1SrQvM73MJWHDN4pvrnQOPZv+JPA3Y2chr3rJDP5gULoPhxb+r1UAr8Bkw==","signatures":[{"sig":"MEUCICsduCLmaEEDmeVd8LO4zCcvL1+RTcnEXhAIstpsvu9OAiEAvsAXh0LmwOkKTTLLddAoT2IMijjXjEu8heIjGQ40wYU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcBuZGCRA9TVsSAnZWagAAQYcQAJ9uqzLlaG0rV1UaSpfL\n2VDrlrIengK+NaDFGa4fTrZdKyZhNYlZ+UhaB7TSU6sd+eGamYaLzh20ZfZu\nMox+96Lhy7zY+UyqdflJ7a5DAhcI+8xXQgqUQOChBV5IXZf9B8rQwvbUKpds\nT8McAEim4f1bmrkHyM0HL8lpFOMnlCKnBr5P1LOKGt+T1O7nkNO0qRtkEhSB\nlsizu/1it7t/W/sSIQaK4WgZy8V/dAIwd9hvOs5BYwG3voXzvWCEnOoIwo2+\nlZxctEH/CHDzflI0YKOSfmaHpxfBywhBdP2VFJjFdulmb68kc2zGAR1Xms24\n4+e1bJ68RZsLYkpXcpSw5aD1ZnzvhmxRN3kQF8OjdhMe8ILE+sWJFCMVOH1e\n9oUafeo6V10kXPfCtKTm8Sn2KuEs9DsgO/00EKQfFEJHSI+YEODe4bMEHc3h\nRehKGIN2zNaJfR7San09jpa66NjKmURRH2+WZFxavxC3SubfhSFh8efgk+rY\nHQyJJZlLYjfbr18PmxnHNqu1Bc+9dQx4UYTyrdFw4QgTBE6waJyGJMk4pTQ7\n8fJWKYjyfkTdWZFrb1q0LRq2f4cQe+6E4NIZRBKejDopLhR2Ied8f6SSxtre\nf7+mG/4qoiGy8fTIIRhqcBQbh9p5zGwHMfxEsBTuLSYSbmbFBASSewY21S4i\nXeKX\r\n=+2IE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.0","dependencies":{"primer-support":"4.8.0-alpha.72bcb091"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.72bcb091_1543956037943_0.18844022321550602","host":"s3://npm-registry-packages"}},"1.1.0-alpha.406e3771":{"name":"primer-pagination","version":"1.1.0-alpha.406e3771","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.406e3771","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"a34a52e314858cc63890d8024c0a0a376533200d","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.406e3771.tgz","fileCount":9,"integrity":"sha512-8AOH6Cda/FxhHcbzzUIAMcBvRVQeJcG8tD46/6X8BPssXXyH+X9ULi6FiVo7BHr+SS5L+pwhB3Qxw3uxgIWjmg==","signatures":[{"sig":"MEUCIB+2HnRvPh/Kceq7fdVWdcGmJhT/B4rwFSrX+Y8ndn8TAiEAwhfKHRYZqlP0FI+RRkjYM13kqNeUtP8Tf5vAGIQ9d/E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcB2txCRA9TVsSAnZWagAAutoP/2J4JgR0gwXJ4LoRiOYq\nZ5bdqn2uAL7Ydn+ZgHmyFHESDrEZseJWGb73Syk5BqMozQGYLtOy9/jcbvEa\naUdWxmclWqa5R3kivu5/azE1I/K2p+ECUrW25mJ/3GGDPIiquj9WpYRRpyNn\nozqkBxN6y7Qa/NYmz99W8TWLpRwq/b6GFONLu/4stBrwAvyJY26BBp6Rkq6H\ndf3RVgavQAR9JxrVICCFoq1O4pYlfDO7M7/zpbyOdwMUWIh6+yCESmr2eMT0\n/TRePd8wxy0qzSjPwaXtVzCMsgCCepj+YxvgGYYOGCYCq/wQiHSTEW5WYbgv\nHoLhME8sK90S8uuAnnBQyzF40xfTx5Jc7btGje1Pt41ixqHkOoRcDzNLm3AK\nqlF+q1qwGc7+1zMdk/5E2BYAIVwyIZl1YCmxuhp9soiduXvo/acp9/wvBHOf\nao7a7M8fyGwCgkCujrmDDGoJePiFONHIYDQz1Il8vbqmbjbp4ska4lKvgKY0\n4mQ4biSh1rbN8tANt533z5x+ZULTrTkELJQF0GM7Ju8KtplQ/hHZmsxH+B28\nOZXjx3b/Hrvi91TJ132Enw/NXmqfytIMLfg9zJTITkQ7ZkNTzYok7Hoxy9UL\n0Ti8zzxGu0vYXpcAjSkpXV+XkO/0P97bboinXSonx3SMyUfKNbbCvbkF+xiz\n46QP\r\n=PrrJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.0","dependencies":{"primer-support":"4.8.0-alpha.406e3771"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.406e3771_1543990128222_0.5178356100426629","host":"s3://npm-registry-packages"}},"1.1.0-alpha.7b492b62":{"name":"primer-pagination","version":"1.1.0-alpha.7b492b62","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.7b492b62","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"339eafb33c0b8cf6a58ab4c38fda8596c680f488","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.7b492b62.tgz","fileCount":9,"integrity":"sha512-lRYHZLjTg+3e5OBDQum30E2JWFBLwjO9DllVPFn8Z/FpLmqT+pk2xOcC/1/g9fy0F1r37VMHGoN33ez0vm06Gg==","signatures":[{"sig":"MEQCIH9w3UgL7nwuHS2RBDnzfWUcwGLeuOEuqwoy8vU8V+ZAAiAAgxcqUN+HWaBeuRTTn5HgQNJKW0Hr/zAMVRerdMYVjQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcB3WSCRA9TVsSAnZWagAAQ68P/jXXg54YcfWvCH9769L8\n/f13sgECkCZg91hEJZCRvv3EvaQLtFEw4hQyuiytb+MsvmhzrYQinTZweLhs\nra+evHT6bxvc12scSYy1hWrGqnHm7G289Y9XacH1g7luZxqWttopvdVATbXa\nYkJexiS9N99di5u/4LXflstKgFjZXn7iKSqhwe165CQRXAhWgGof1F7uw6IO\nNYzWfh5ei7/cjzw9ObGNL6Xux4wGvCp6qkJkNfpXS0A3c+e73EH5oTetuIX0\ndzV53DU4wJU8k4xvT7q9htpcu2C8XsGLLTo9OE2NG/hQxyfbUeOm+Tpa4GUY\nxpKVx55vIZIsqI+ht6yywKuFnJbiquXxiTMTTN3hJi3WymRyJm7uNgqgF60s\nNlnpoTsXow4Wod49GD8CzSbJ0SVnf4gcdpk/XU/G1TmGaunk7ouSvmDbNEmf\ncFTbmdgngHoPQfU4RXvPMn4rPCNqoupedajgnFIJd8X8iLd1aevaFuO5R0vA\nPCCNggu6D6mmIjwN2bb9XySz6OlrNRiq2bezK1PwIFyqaimNYXM2/7garoX3\n8hqCICO0qoJqc47DsR3chzEgsY2+WcGZyAPT6ejvFV6Fjtxn3JEfAzl6UMZP\nsm3fYgisnUR3Tqvyxb0lwn+ToOVnjUm1F8lUUs56xg8RkvK2kEN3Vr7Cp2p9\nhHfb\r\n=+aCe\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.0","dependencies":{"primer-support":"4.8.0-alpha.7b492b62"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.7b492b62_1543992722119_0.559626854376674","host":"s3://npm-registry-packages"}},"1.1.0-alpha.076a5833":{"name":"primer-pagination","version":"1.1.0-alpha.076a5833","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.076a5833","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"07219e5d4ca1d58e173badc815ed0b5586a9b9ad","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.076a5833.tgz","fileCount":9,"integrity":"sha512-enOvbZAO0kTxZ2FY0/tHXNiU2B0ndzzjOMncd3qRsTUrOwwjMg8UsE4fwT+Z717xKT+s3QJRX83dqClIBVQBew==","signatures":[{"sig":"MEQCIAl1pP4L2p8BvbI1doxCFe1OHjW/+xVHliFOvPigVpTTAiBmY4z9GoZZj9gkmfmLLsanAhVCbbeTnuXLsXJ8XGsMbQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcB5w+CRA9TVsSAnZWagAAUqgP/32WSU2ZQExIDzWVpBPD\nBbRykOO7BsX6xI1dsRmYdnoVzb3ZPQk8kRycTzP0qsBZNrRiw83j1Tvbowup\nnfFjac4vT/J4B3WZgQZ1J4q416wzuaoaGDIeo0KrVk66aJqPLPBqjlZTskP2\nVlK/x/nf/w9O30UCNYucnQBsUXsc82tc7+31ADhdbJFGUkiW/I7RPLn/2q+i\nHdOWvAHelbQcqrG4rEeLC504JXlfYXcohZbydndXhTtxG1lLStwB7u4qclHK\nGz7H55PLOJ5nN00WFIRCtBaZmawvryMW3cWJC/vbCJlB3LQGrQcRuhlne6H+\nZm77hAtm8cO3PP+xz+BwC6cpNdgoEMhcE4V5kuOnbHyguZD9IbaC4WUpcEKS\nBqvfyDjNc5hMshHnpuIf6iVJEtPz3TV/PygaYZd7i6G7lf+wosCpGy84lEiT\niIrqqdeIeeHOuGgics9hcCB8ToxZlqiQoFhQ7j9fkNLERRhB2JFJmAkaEnEQ\nBSFBfOmP7LVMvmJ4MNaVU3JwC+iQyMCJ7sVDWNLcwdgFrm7mXXIkMkpPdlda\nbMKIGfZdZZxCc4eaZgATvS7+/26kARmq0z37NdyozTIbCvRbfwlZaf6h+cYz\nspjcACJ/jTZI5VwegQM1WeLVSgwLy4utVyA6WQThIuAhW/0cAZVTB0/oCE9E\n7VMo\r\n=CwhM\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.0","dependencies":{"primer-support":"4.8.0-alpha.076a5833"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.076a5833_1544002622036_0.9442015915963418","host":"s3://npm-registry-packages"}},"1.1.0-alpha.87a7c3c7":{"name":"primer-pagination","version":"1.1.0-alpha.87a7c3c7","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.87a7c3c7","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"31ec98c3a2b0079ae1b1ec46ccab091baef1d358","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.87a7c3c7.tgz","fileCount":9,"integrity":"sha512-ixmmY1f2fcuefsIYwGVfnDe0j07EmGyF3b7Z9tUquGm8yUNPUPS+meiKT9YjcoNcJerwt5O/TdjaEIHu6P7k3g==","signatures":[{"sig":"MEUCIQDF4/w1AVxeps/8A/IKrhZJOKClltr/JfYVXnPBYQVoXwIgVQx9hTxg//jFvaqZkF1DwdNCh3B/fgo29Z6PZ8bhnt0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcB6AcCRA9TVsSAnZWagAAg0QQAITnA6R05p096RaeA/yH\nqghovYkO35b6sJSsIuYhz9dxaEpCav2UREEeLlY3gmgoTzLIBPyv1xVCO+Eq\nYjHHECoUqj+0cY0+LIdbJmbUX2Mcpg1sOmL5k6I/Gs5ZDolf4mxgJ9TV3HJs\npDGu4olDM25z1QrAbZL2mY8MXI44EqMSCnOQ5mmhslULPc/svW1AYg91KfFQ\nFWfUG5pXoj4c1rdrHsz1psfe/ujB2wsolfItVC4yvM2JiI10vtHe6LePuXGY\nyebG2MzgvId9R1JDHKOMTgi4iiagewIRfBlatQ9MH3yYGIKNYHmbuAthZjqV\nwtdzA0MzKLHApYn6lihNlY+gRsCKydbXoKxbBzX2zjQJlmey6U8oCb2K99MW\n4+FRUPoHNdYZeK/jyzGZUsRhQ3zYaCiCdlp+4udr95dJROOoaOXyV3vTswbq\nduxXSP7QdbiXyNfzmZwi96eG0yPlyl0AbPFQeYr89Wex+j0XbHy4TrgY+VLh\nqVu6r7jLD6IDlsFsty+YQo03pUsurGnOvpGP/wlUN53YI0MMpyBoeiH7aOHa\n7hKNpn7+DXuJkzX17G0gkNgJo7cScHRUn0rK6u1iZdr5URJUGSBfSrqADYXW\nGi6JLI+mn08cuAd3OSyHScidnZdnw3ONWlBEWjJ9B9sel7E74zoJAxq0dk4d\nh7jA\r\n=2E1R\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.0","dependencies":{"primer-support":"4.8.0-alpha.87a7c3c7"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.87a7c3c7_1544003611816_0.6379561985884983","host":"s3://npm-registry-packages"}},"1.1.0-alpha.2fb541e8":{"name":"primer-pagination","version":"1.1.0-alpha.2fb541e8","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.2fb541e8","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"cceb67818c76a5a5c8feef5a5003e43b7fcebea2","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.2fb541e8.tgz","fileCount":9,"integrity":"sha512-rzQSVyMPqHb9GH5vqhsks5GK72EyprWJq3uEWKBhKIuT6+K/QCUcsonviu5dMOZo0Nyhj++InBhSL2B4zHrVGA==","signatures":[{"sig":"MEUCIDVMtMguB05BZZ13IjGInRCD0wYjCpXY8MajXnOc48AMAiEA3ftHfPVAkhD+FWAtb+pNfJJFE+GOZEP1JWx5Ac21oF8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcB6HFCRA9TVsSAnZWagAAof8P/ilfcCyqkIaujBkBuJfY\npf7Mnk5nTJLIQVy9di4S8PgBg4tdajDlHbNB7wQQAfdRSHLtwfQ/r17tl8D5\neTQ8Id1d/AzFu2+Zs+CIkX9AtLALjgRWWa0TykyEQHznlmQ1wEJutiwdtJIu\nEqzmGmJfsjMTSGb9jh34AE0Jvd0LQQO2YzKLqVPxYRsu7Bj7hEFXHUX3Xg69\nN01L+N+xKDlXyqU/fvYMzaJdA9yu0yz1eyIn3NTz/IWA2UTs3VR0LVDisXbM\nAb8jR0wo+/KUA7BvcfVqzXw/gcOhtmmbZtxB7ryJ3cWf4luwSHHHlDqAC3ly\nWK2V5K2pHvjKTV3Fptm8w3HLdY3or5PLIN268IyO83kKtgcYry4JLhSdNVCB\nVNQ5YHe2OBVgol4t9InCappQ6fV4EZxYsHsIc99/90Tkqc3yQP88jBVbz2yr\nV8XTImXkt+zlZa92lf+PkC2h1IB3zcVQ2J/5QNlscRL+k0jx5QPkC0Cf1b8w\nc7VdzHq2P26oHcXg0qkXYE0wthb2CDCTh82DcI8/7XbZvys428AVIVJz4m6g\nRCxt6NKdY8uhLd73e9q/T8962ZH63C0sIo4G1Ib75OVEPjs5JLFM5xTbNwg3\nT+T9UfP1ZwHERXNyqif/6gFY0tqyBf9UzWfDW0p/qHhjFqvlhPrHB744lOnQ\nLXdo\r\n=l6kS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.0","dependencies":{"primer-support":"4.8.0-alpha.2fb541e8"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.2fb541e8_1544004036451_0.09529967220826885","host":"s3://npm-registry-packages"}},"1.1.0-alpha.7ad3aaa6":{"name":"primer-pagination","version":"1.1.0-alpha.7ad3aaa6","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.7ad3aaa6","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"6e3b463134dffadcca9722f9f04ad4460f4833e5","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.7ad3aaa6.tgz","fileCount":9,"integrity":"sha512-8XuG3qTt1xfCIGlxTWBKzM69hplRh4hhZThvoPX8lv/8/qzqa2tcmH8Ntm5qP0xt+eq3pR0kkxhXWxQov/hYxg==","signatures":[{"sig":"MEYCIQDybBPT0y57jNHwueXRMTNHiua3cFTuJJMo8UpqEf0hBwIhAII86RCYAt3TQNJVJfv53HwFGeKlJCVynPKQGkDtzGlD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcB6H1CRA9TVsSAnZWagAAs+8P/17WbFeJNee94amtZRfu\nPjqC9FaEouS2TcMllK1vra12QxJon4jwRhRSf1/X+WfsveeevfFdYwfi/3uY\nWUCBhmlybKWSXCZC0JW6IBukOwqpuXKGb7A0Pr1hsN5j97/EhcpkHgqOIZ7G\nTtkgP6YmsT4AeQCJZ2pZvZ7uIEf4jBGj8wkAKG+bq3F2LdLOSdXkrCtsVN9/\nlNfP+cmmhFYCQ7CdJSamSQRsrRDFgktus5kaISM3LAhzeLXDyU/VpYd/ETVI\nOeoqbmgnG5+h/YwMmZstiwfmuvKBAIsllqfnxHHfHSUTYOB8lADneKG6rEfT\nbXGPE893yvK2hILn9wmJE2pRa3fjB7jHvAr/FAYnWXKzBGDZ2PG8gl0mC/9W\nDjTJYuFd367VMNoCoyCahsAIcCZbZSGmQUozznwgZb0pkyaUe4UNSgolRc25\nd2tTRYcelBwNpItB8GZN89SNfLp7GixFl4xHNDcPxYXvjJ1Q7+GL0y8h7CAx\nMYCP4fLFNeVBXWBub90R9OAOKOPnJK7+gWib/XhVr8yv4BwQfZ+Q83lS2+5q\n72c1zsqtUGSJTlsjCCDadom3Drcq4CaUcxA0AabWW6FtBlQkFn6GXDFA7NiR\nLwing61+9dsDaHat4/PmdcAP3AEsUSqHtkOlr8TiwMdmd3gGAN0iMEXEuf0o\nbOEt\r\n=AOxm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.0","dependencies":{"primer-support":"4.8.0-alpha.7ad3aaa6"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.7ad3aaa6_1544004085288_0.5288868283119839","host":"s3://npm-registry-packages"}},"1.1.0-alpha.335e7a0f":{"name":"primer-pagination","version":"1.1.0-alpha.335e7a0f","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.335e7a0f","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"5abc5f75ecb0ad4a7f97625392bb646a701fb847","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.335e7a0f.tgz","fileCount":9,"integrity":"sha512-g+GOr3u9ShBsnkfCEax9ErH1Sv5qs9IJ1biO0okTU4ySo9EZwL2kD2956zyCR+kVwmhZi2GTHniAsowner46AA==","signatures":[{"sig":"MEQCIGQSmDil6acgus17KuXy+0qn8sYz5ZYelyxeJ9AxHmpCAiA8+Ln+ga99zmKGSpwgIIuMU1IgamcF7S/FncbuKv+tdg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcCCdKCRA9TVsSAnZWagAAtsAP/1HPzJrXFhclrnmS2FGG\nHoHUoE2LMAFT0uk6yyt71ulo6r197In/p3/mfS0NKWqk7x09XNUsSZlEclws\nU4JWdAcMpeV5cCQzTrH6Yeyi7nb0G5thYi1N+bYu/mDO9g+/bZZ8prPMFiXy\ncUkXy9AuI5e421yxBu1PGWG5HSRISfslYBNDLJGAeYUoH5z5jWs+adFz3L44\n/fLXeuvwii+Nz+jXtZhicbohuT+adEvwBO98kp4INLSq+H7lUl/Eu6TCWujJ\nSs10y+suU3GVDjPYE5+Gv3D0rgjdXHj4aC2/g6Kx3YdGAVHUL0Yu4w93QVh1\n1iLMzSGDHcCf4dKJU1iNVwr2aTzD0WfnUSdZQ5LNywGNjuEgCMjGfdrFc08S\nqL0ctwUHgX6FcJ1drD3NSag5kWdfWKYIEg5rNpfSHm6m81J6dZ18oD/0LQHW\n2xNZnYuVUHhbRKWjfuPCYbC2zMM7CU8tmTkmasgolnIk1Wn63atJGgiAP83A\nFAme0Gw1r0+hoiXd4G19yUyGPHJQtdmUp9LhV8N6x6K1gzyyqAved3ruTDwD\nugXbivZzt5eO4OGLatQEmwJKeWnxYAXdL0suIvOhMPDB0gkEwXwzQix0nzJH\nkO7U/QDJ968x3kyVhuh+/aZ2cVHnTqYRGp897VsAzzGhLoird7tUTyW6W/ic\nGb1I\r\n=gd/E\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.0","dependencies":{"primer-support":"4.8.0-alpha.335e7a0f"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.335e7a0f_1544038218271_0.555313783119378","host":"s3://npm-registry-packages"}},"1.1.0-alpha.1d903df8":{"name":"primer-pagination","version":"1.1.0-alpha.1d903df8","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.1d903df8","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"a284986566b8d5df068f28e154c6fcd5cbdfd29c","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.1d903df8.tgz","fileCount":9,"integrity":"sha512-JNOlPf+QWFxwzq9Qq1mHQopm0sYgwcydSR/1z855I5RyFZm4KB1w/qpgHjDBBhUsCSsogvaOmvx9Ds5b3QGTlw==","signatures":[{"sig":"MEUCIQCKfp+MM4LB6bMj2kbbPHdeJSyWaPspO6bopc5oHLckPgIgQGbjtuiAbGzmt+f5bNWs/g3b7ANvWRhyQYQTLxORKAY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcCCpVCRA9TVsSAnZWagAAUnoQAIG6vsiBAc8kNwxvPLRL\n1LLQfq7mIlfVY0P5Evw2hOxyxDB1QCj7OWn+c+1C0rttgant6BhPg0Kz5Qa+\nwCZ0S7FD/0TjmcAXpo0FSvQDQ75vcO3aZUtJiY+WlBnZnK9jgmCcuOZTecpN\n0DM7OM3mC/7F1mfjrmDCHPe4ULTzSEjxe3gwAKRosACHFlwv1ml0Q/1S/PqJ\nlzbken57UWbvo4UKbfA5W/ubb0lcUgxK2j3XmRzPyo1kyOfPLA+MCBPqtv8p\nUSkgNJbjAPnOkXHow5F2auPuurG6776iFy9ffeFo5YnTGlscEluPrHzKtSDf\nUFPEjYyunAcT1JD1xX1FMHQ+WIbaeDDd8cTiegDh/hAi4hYAUD0QPk/SA6vY\nh5UY+C5ltfLCzC4XCGDZ1RAMUXzeFLEaXOafCkhduJ/zXHUSShYZdmpl4OGj\n+JY/uLaj9WTj64e6SGeI7rmJl571vvMJ70a0kZ+k8t0NBNicBqfrL865gmE5\ng/9VUR0tWInkJNhJkV3P0+gq768gy6usy2wUKR7C/2IOc5X/L6AigKsQ/2uY\nL0+gngdt35dYFEj+gslNXz6xSH4cnx5sdo7fLKH0mjeddYqir3X6NTknRY+D\nBbKvUhC4vNibfQSaY/2mF7ePszv54rb9uB0QK8jYiR7Rm6TzZvc3VYtDBo7y\n8O5H\r\n=wd+K\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.0","dependencies":{"primer-support":"4.8.0-alpha.1d903df8"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.1d903df8_1544038997099_0.9937903470467699","host":"s3://npm-registry-packages"}},"1.1.0-alpha.5505b4f9":{"name":"primer-pagination","version":"1.1.0-alpha.5505b4f9","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.5505b4f9","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"7b8ab2ea69a1825df403c15b0020a9f4e07a31a9","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.5505b4f9.tgz","fileCount":9,"integrity":"sha512-OBNCaQHrZJRmrjj2El9FqMZjcnkDHY/eoItoVCiF5n4jmMjq/AZJsxecL5d8WSMtEsE2Da8jMjMd0urhFvTCnA==","signatures":[{"sig":"MEUCIHl0X/WWAW1Z4lrbpZrHk3+FNbBkH2IEemKts1/08JfEAiEAgO2M1qRtDZWImxKHvx72BbVGjFvO4cbkO1FOnaojcT8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcCC6GCRA9TVsSAnZWagAAuBAP/jCDxbbJKkcXaADQ9QYk\nYY9yf+sBMEzDzPua8D2pCEY5qlnav9SsD9CwOJ6cAqfdEXAEqHcFFM/mXbtb\nLDx2CCg0Rw6iR7SFrhat4Ay6eQvQQ8czPLV3uxwxZb1P9EGKc9sK5h5uNJQf\nIaLToPqak3HfxyiBS2YTWbzAcu2JW3TQfU3JZLcq5tjPIZ7clsVOJGWEpjZ7\n+KnD7TQxX67a7Qz/7W1LzAnF322BXrGTj0Lr+G7US235++VbVkfbzrcE3drH\npMvPrWQ0eUef8pnn1rABqzRri47WtUlmc+FvNDdz62fbq0JjIkVkqu76Hl7L\nec0lkX1SqTu9HzJvy00l5D86w9F8Pphr13ZG2ri6Gw+eVvR2JU/Fsw6yqKeP\naHLI6SYQe9zuSIDOAbwGQgzsV4M/6kk9F4bKssCswTJZMOhXSxTEPWjA6AG2\n81XQvtYCp3VxDSd0YXMEeYMvegwfQUFGWWZvM5ybKPZxKlN6iL2Pn4BOR9Fi\n2hSqp86o/6X56fZlAt8BZrhVj5U6zyNYc/k5BC4EZ2vb+2uqGj7M6udnVAxH\nFmfcjPfehylb5XU6NH5TQWXNuzrZ5rHXbIyIoV6etQJG/ZzVpea6kwBNxJB8\nAXOsYPQE/7x794kefQJt3zpgmkPtj1F4yjBf7cZ5I45TNuvubTsCsooYZarN\nP9s5\r\n=m5JU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.0","dependencies":{"primer-support":"4.8.0-alpha.5505b4f9"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.5505b4f9_1544040069562_0.3530952322072922","host":"s3://npm-registry-packages"}},"1.1.0-alpha.c9c2ddd0":{"name":"primer-pagination","version":"1.1.0-alpha.c9c2ddd0","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.c9c2ddd0","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"9fa7e16ebc4f604762b2a646e0f4ea7845aeec5c","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.c9c2ddd0.tgz","fileCount":9,"integrity":"sha512-t4IGL7eulbfsy+oosGsb453yJyjIVIgL4b+9otjbDKCeUnSzcpxKnrXoF906eOkSfnz3aSonk24dURAN9AxRQg==","signatures":[{"sig":"MEUCIEuXaBlGiaQNH0bsU/9P2okzKeP1EpJMCYFxHUSUgWHCAiEA8pWtb7D1c+mA2Jdsq44cT0WhZszaHcUXVctMvKlzRk8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcCHAZCRA9TVsSAnZWagAAZYMP/2VPwKcIZXJvq/zIPDas\nnHKv96ZwFYkO78YPpWDI/9CWEwZdF9Chb7DLogFCqtnR5bs124xGud27tZ5j\nxwr8p86HQmYe2kLkPrk/lnhjvgYmSFxeJE93EfkiKzDUJ7zWmWDWdI8ZR+Ui\nNE0xdN55iYB0yxYUcPxIPeBJr/oILzX2MnXs0DjWpH2wIXWs2BW+SSe2JS6b\n9SSIhD1/yoo6Xkg+jgZJYhRVWR3oJ1tIOsfpWwjoyGm5ux1U+lNWUBKyMyXH\nygxETmTC7hThz8kACh9DpJMgYgy5GzWSLJ4l7LG8sFoWfjVEf9zWAkz//EjJ\nX1ZElexdmYt7QzTBHSAUJHXRsFcXsEhGzT0PVFS9yn/H9hZ5Y+OXHHFcNAea\nAb8lLLz+8MZRho2X66N1W/WInWk6C+CaRGSV4Qjh/7nJODaJmaExVrFZzKYx\nFWaDZa9qlAzv6Ax+mK2GwLP/47IrXYrPl5uaB2eNHxyepykEOCY/lOAvvF7y\no+oroTdLgyTJnfQ92z3e5DVb3cE13NC4ZCaMZI6E2PgJVdt+etRjXMfpXtP+\nGLJyOjMX7OJ7oyyUuow2FD4lqu7FIW+LR9Q08rgNBi0Dz6kaPLoX1bhJn0yc\nYxOxFei4FX/MckZuzfBwyY6gMWFIFWxnmx4SAx74QMAtL3EapF0NToMUoans\nslKh\r\n=yf0S\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.0","dependencies":{"primer-support":"4.8.0-alpha.c9c2ddd0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.c9c2ddd0_1544056856913_0.07558175060252514","host":"s3://npm-registry-packages"}},"1.1.0-alpha.3a835d8f":{"name":"primer-pagination","version":"1.1.0-alpha.3a835d8f","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.3a835d8f","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"fd5f27e8b92636cf03294bbe4871728233c723f8","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.3a835d8f.tgz","fileCount":9,"integrity":"sha512-tunrqMhnuaSkMkXXnFkeqQbyFd7Jao6Ofra76cRObZ+Pw4nTl6onQ068pBTjixySd917o6ijAeYQiZDMBop3Fg==","signatures":[{"sig":"MEYCIQD7fJanZ5Jp22ErrUZ7L8IvCTpGEYc81zw3yVaElKbP4AIhAIuQfabMlQVh/M/JDgyOUDZPz74P1bxeIZEMsPCU9wZz","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcCWyaCRA9TVsSAnZWagAA2LYQAJ2DaHJrcZCORRe8Hhs2\nsOrd+1HvPL3kV68XHDAqUGyoRiy6Uf4tJHB7z0qYieRZVBVyCo0olTLsY1Zv\n49c7RwOYlRhZMIKL5V9rcDSQCAknyU7gFfR8NcSboPC2satFHMdkUDvbEXP8\nJuRW50znWHDWd11TdyfvmSbF5vsCbFOKOS2iJ/vPFlQsEy0qwSoGTTsdwqyu\n8fpM7VRxvFzo+KJIgjdfX0IStYLHSXbXy8FEzJrotHFN7MoixD/1BR+OkG8g\niwFGgqZKnuxzHx4lwowqPfja1Bp9T/ltKr1wzdJmrhcPm62wkYT0rbmqPSeS\nyfbsylDNVWSiTFVdHNrmKhJa86Q6dZhRgEiPkgjGRJFS+a9txuWPf4f4xVhL\nkuEwEcLQNBCSavT4EMF643RWXZm3YskOlFM8Bz+97BbLRbXaSqLFr9SAccC3\nRxdcd82JiDjtpFyYKA/abUn70H+SOk2TEragMLcPh8b5Z6AylhoTNoqTFDS4\ntf9gJtkDxsTxMx8sWtTOPhScTBgn6jXXC/FoZ9vCuNPYpBu3DscKa5YTrPuV\nSBFl/4iAgZ7bPAP5vnqj+41xtxvuYS0PffuMbZshUgtE0isvuumLlBT/n14d\npV2FrlI++OVSpNwPV+7WASTNlgKM9gY8+C9hPF/9QWQnb528D7KtkmB6/Kqk\nXJ4H\r\n=Sdli\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.0","dependencies":{"primer-support":"4.8.0-alpha.3a835d8f"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.3a835d8f_1544121498203_0.21316619342737364","host":"s3://npm-registry-packages"}},"1.1.0-alpha.a4606fae":{"name":"primer-pagination","version":"1.1.0-alpha.a4606fae","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.a4606fae","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"b48c38b7234620bea515cad8f1e886db9fa24834","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.a4606fae.tgz","fileCount":9,"integrity":"sha512-ouxET4jMfI8mV6nynk1XcAY8Js9Ax2pp+tX7MS0pWsG6eNVc4BpRrVP912du7C8Qja0D7TQ63y6uL/jlybeCEQ==","signatures":[{"sig":"MEYCIQDi/3ZpnQcSSQcOMZdyBMS+tzDysXz4pVPQUpJmXB1PJwIhAIiF6YrOxubwDbeE+pew0dCU7RRL+aDA4TbGhDL9q6a5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcCXHxCRA9TVsSAnZWagAABCkP/3zErNVRfvzjG15gjdQO\nbTxX21UMnS7RICMrQfJvsE49cbAByLXjC2guE0fJD+EFzO5G2An51lkesfJp\n3hYzE5eW9sADXjSLPE2j0AWad//gG3RCSJHBgQs6SVcg2FOpZ5HQQmin51PA\nBJZ+IYds1iNsO77u4RImgaYBRu4RhzukvfmxwnCyhhhgbEgJagJBgCeTO5jG\nd8FKDPrjr+SMzUeh2LuzFg1L2lZlmA15Mpy90MxDERqUjgZCkfLrdOCiSQuD\neDwQuMWEOWlDjNZiRIr/YLnDIk2jr7DaS54OOc39HDziXmDYFn7zLo794SLa\nhZPo7gyACsQXVvoAW2hy1+EnODjrJpOv1PkLXVOCIJfCW+0Xv4B7LoUbA5Jt\ny4WqaIv5QyMm89ipe8xkv2/GvDaF1FyENxgiZXuTgcBfvnd2GIJU+6iGUWZi\npNo0wHg4zCgweT02k5/Bc0y2ihUx3fXWKNHfEahs80gBl9GASwMTcU9fShvb\nPLUKAK+u3IWb30QfXhFZIYQeWPAj644fqMXJOfeXiybgN1J5KBE3LWNrapw8\n4rTIbJd/WDrcoYtAuvrp9Ky6hVsg7h6qqSxW0PlE36hp3vYSqmW5/In4AmJ8\nNidg2pmLKgHaQ7PT3Qm7urFZKJBT768G/l41vyd6HKfU9KwLSOR/5If0OgQp\nLG7U\r\n=rMPu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.0","dependencies":{"primer-support":"4.8.0-alpha.a4606fae"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.a4606fae_1544122864930_0.1510756209806059","host":"s3://npm-registry-packages"}},"1.1.0-alpha.1a319bd0":{"name":"primer-pagination","version":"1.1.0-alpha.1a319bd0","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.1a319bd0","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"656c1960fe85e91bc5afa72574f38cb7262c3845","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.1a319bd0.tgz","fileCount":9,"integrity":"sha512-lQJZ/xOJ9JeePm3Fe77Z/LaLufqz5i3SAWkBeEpRq3xxNMExsYMBpfQrw5OonmCr6rDcvZnOBDV5RYpBzLv/0w==","signatures":[{"sig":"MEYCIQCDBBm/3yX1i9ohLFG5A0LGpQgPAUkWMMSOj9+06FQEOAIhAN2kukJ8z4VaV/BzItC6978R/Pt3bqNy9dsqsuQjX4Lr","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcCX8fCRA9TVsSAnZWagAAwHsP/04gcYGSEdlWcldYcLlM\nQSmCAXbVKz5rtLvh9Z8nuJXp+TzMFuQsLAn2HwB9Zil5ruRX8+y354qDefkv\nkdqZpEyvnMMb9Mqd0FenA14L6RJm6PkLkqiHPAJtKqT2T4ORxjyeEQ2IiB66\nKxPQuH4fR9r9AEBcFKkv2SNYE2IBj6vke56LWD5Up9VnN/BIXI46ITP5zcCD\ndJlly/KHr5C9lkUGcwUz/Y12EFecbAk29b+n8hfAumXt3CNdv7+96u1moRjo\nYW79xedCoU1hSOORDV/5O6KjQwr+EzOphMb5r22Hkm2RXyOsSqAsqL91e+/S\nX5H7QA8lmSwGF6ke5j6nCQMSHIqxp/BYqV1UMwyZ084G/wcrPEXrMiRTjOhr\nAAPOcWFiFKnyFRboJ63VaRmu3CkSWznwKy5Yed/A0/y5V39MOk+W3PHCkGAJ\nE9zWved6aE8VAWjmY8ImqUoLxM3gIuiQHwnC9IMgR+al21RDyS+frxy9ibAm\n29kz+5Qq42AqyI6oG6vXH7cleFKUMqlM4txBX7NGy8CpzV6H4+SdGlK/jZoH\ngM34L4C5NSgPcJyJOxO3HEVoHCnUWt5ritCMGQ1NU2To+ZBkCy7PQBt4VD66\n8LUKbUnpDnGh62EtWAJs9EhsUzVs16T/0Ip/2e93kTIATwuBwoIhhpbKBdHp\nemsK\r\n=/yzL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.0","dependencies":{"primer-support":"4.8.0-alpha.1a319bd0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.1a319bd0_1544126238792_0.9749784667953116","host":"s3://npm-registry-packages"}},"1.1.0-alpha.a59a2bd4":{"name":"primer-pagination","version":"1.1.0-alpha.a59a2bd4","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.a59a2bd4","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"e176056932204b54167feae2630006eee70b62eb","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.a59a2bd4.tgz","fileCount":9,"integrity":"sha512-RB0QMKEjh0niEo5lFcY3WuH3iRVNPiYuikOXDt07DQX4S9f4huW4OfgLAF53r80iYMOJvf2a8q/3KC5HPAqytg==","signatures":[{"sig":"MEQCIHoiMlD6EYZx7taktGc2NeCCKlW31rWtH1GPTDMoJT0aAiBq+8455kFphiJzNWb1j/DeaomJBDhEjwuyHjRBDHYlEw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcCaR+CRA9TVsSAnZWagAAylAP/A3I2MK3njVvjj1Uk9Jx\nzlOvlt9mT9ewebsZZoZrC5dRNHVnHPT6ACvIwNYCqKkQ78h7Tlc1H80DB+SN\nA763WS0ovz8VQXnjqEUrA+jNQ2BsW0nTJ2XtzoN12kAzYPFZfufLfiD94ti7\neQUtsEL9uZpiUHHDKMCSagtAFGIaNQb2n0tlLp+pg75B91vlzZeOds7xuIsj\n4qPTwZ3bmW0UTpPHaEXmAsC49RALb3yKxX/k2KvyiCsqzEZVi3QK3/JAezkA\nySongrgJsjc9gx9giXbqSaPVWl+rvuN1KCwq8qz+nCg3j8twhXxTgnhBj/Um\nM1cr7dDLfX+vBrLPr6Js+7g7HzpyTU8gnrOGCdl855Zs2h9cdSM95iiy5vFr\n+3wEBs0nS08nPvH1BjPu4m1YFLh2FslkE3z9a4qb04FsGxU+GRnMw9QTiEQE\nEkkfrpux5W2xgMQ1RnoaSXc/DzPvOjeLMCEdNxweMFXkwaC3H36rNIDSOt0B\nHDlkm1Axvk4RGrh37L0MM13GLd/o4dD24ap+1i7zRhzKpgy43HtmazBGLhCp\n56Uil3768qFd8e4j3k6jGUzMypFVabJvGm3ommQ/td67L385xqO6dNiO9D0C\naPtgNYV/zszXJK4pi+OE5i4TKBNxBl+WhZ8RsklwcNeVB3w3ED0U13KGal/k\nV1nZ\r\n=3I1w\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.0","dependencies":{"primer-support":"4.8.0-alpha.a59a2bd4"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.a59a2bd4_1544135806222_0.721683613075595","host":"s3://npm-registry-packages"}},"1.1.0-alpha.97a6e91d":{"name":"primer-pagination","version":"1.1.0-alpha.97a6e91d","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.97a6e91d","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"95a3d95077078da100e3dec5820622a3aeabc861","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.97a6e91d.tgz","fileCount":9,"integrity":"sha512-cQ8g3PyNsIoj56ZNb3pZp2qza4eogy7fUORM5DUlZm5lxXXXZvz9Yzwln+eo2kPjmEPQAmid4VvnbEW1h/eTYQ==","signatures":[{"sig":"MEUCIQDEzKsU8L4ggghz4SSpchMNMlv8IjZy9xbug8ZMyktiiQIgWnn+dcXC2YaWUXX2+FmtDDB+ZIBIpDFBB/h+A9onut0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcCjHsCRA9TVsSAnZWagAAXeIP/219iYUg9FjtK9vlC4AY\nw+675+umuiD/t9mloFPdUk0IHaMMRgJ3BsxV19pjkAuPqxDYyXBWhAshAKds\nc8qilhq9YpvO5AhKidSx1qh0Cle4pzOK3roptX/UfaRbDON95gMksExiMdKU\nCwq8BxBPNJBm7VDa/RoEV4EJoOOSuIWQ6iYuu9K76TfS5fPto+Gq+sdbNXf5\niaDOMlWDfJViEtFsQlivMX+Fizcc7pcKqnBaWY47iCy2dPyxIt+PqoWk8gnq\nNSNd57JZhEUV3tKtUeHEc1/wgo0KJJ/FL1XcRV8tHd/TrWuENwppHOUZ8lUU\npepv0JWQPEUA5V0fOpaYBHMiqaagAGHVzfDYF0yukrUMzbYbpYhUO+13+P4o\ndAHyC8y0p0AO7p5olL8CCn1SkKFedfGFVJ7JV8NvcSRChVRziHevp17cic4A\ndSsf2/RLUxDgPfJtcxjIZZjNiBRv+mGI8fhPWLpV8GGdULaic0b5SrDLGG+J\nWqUTMGtYBWTKbrIyxKwlY5f9WZnmEITMUsrAIageGnZULuRTVZU4GYs4qWKD\nPpD5p6aGSoM26rkdJtGfMluzsPSxCzzmTNoutXsL8AjevGjx64daW1MeR/sI\nt6UmHXdAEbDysVvNsqlC4Cd6+g8VpZqP7pHgseTPvPBSVAgK/d+A3X2mOtaN\nMWQ8\r\n=Bsrs\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.0","dependencies":{"primer-support":"4.8.0-alpha.97a6e91d"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.97a6e91d_1544172011204_0.304288821535478","host":"s3://npm-registry-packages"}},"1.1.0-alpha.a93e3ebd":{"name":"primer-pagination","version":"1.1.0-alpha.a93e3ebd","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.a93e3ebd","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"8d34c8bf15c318f97533e64cdad523aef487d5a5","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.a93e3ebd.tgz","fileCount":9,"integrity":"sha512-1QQBcagkNL/hq6wqUEiNlfXnA+2sgUgzZ63ca7WVdKXO+H9y59uF9devhzYPnhbF9UIDKqLY7GKfQ5joCw/2WA==","signatures":[{"sig":"MEUCIQCNAvQ9cNoVqTdPBNNdMRi2NietzM42VD9jjnN5tvDXGgIgWhO+1JOaWIVP8GwQSxQQu8kV3Fe/+2L0agr3AafB51I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcCj/yCRA9TVsSAnZWagAAcw0P/3EbRsT+201EB8yRrvtx\nC7eJ9Yig8k2g2rCeZ0r38m7LnMpHu3eSqFUW1BX9HAYWpeYEsbggnVPq//G/\nfLdOUiDm6jxNp79pCpKHLjHN4BeYcHDggowfqLj1c7s13uvw8f1nmYGfdXR6\nUbJ1qKkEEJbBmAEWH2N8q6KAm3AaA5MUF7lHzjxzNX1+Pd8twD+5D7f4I2PI\n1aQWqw9TLB4WwAuD+fxewjn98KHevwg7VUJr1IdO9LY+cucR7JgoXaHbSM8/\nZsUQolXs1vZ9rjKfdLIjXNTUa65LdX4Fv0TFmYSTaXoCurAb2LTHCHauvpVG\n3Fhir+oepB4JRXkvrfluFjbydkW8ZygSa/zgh8P7Nt0vygXBn9YTI41laiGt\n0l0Kg+CymrRVKPOwku2QSdmyAUHWzOouJLV8jwhPQksCirVfu4Pq+fIo5faQ\n5EB5u6VuM2CpyrPCF2Ci77qnOv581+DSN8WlUU5yILxLVWKLJj+ZRL6Pv9PJ\nH8ioFSkljVrEyGIT1ihylV1ToryFf1Yh0MSDrFGCir6z6WsaQgNn26XopzRj\ncKtx4IZroI1mpjuk0asXi6tud+L9G2EiZgtECtw8dM8676mSsfQB/6IY7uYD\nJc91zbEAG4Yd/PzpgSW2VZLE2I8i+sY/Scn7zzpKavgp8jZL8jRCrvTWYI7T\nEtJ3\r\n=Gp5f\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.0","dependencies":{"primer-support":"4.8.0-alpha.a93e3ebd"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.a93e3ebd_1544175601954_0.9112639222517063","host":"s3://npm-registry-packages"}},"1.1.0-alpha.46beb5a1":{"name":"primer-pagination","version":"1.1.0-alpha.46beb5a1","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.46beb5a1","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"a0ca321b1227ccbc241baccfd2bd7717af89ee34","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.46beb5a1.tgz","fileCount":9,"integrity":"sha512-ls6NF7hlrTeQXVVr+z1NMvhicg7AagJZN23z8hLmK3kxYURUEQC2XH1DK6NeskuI0SZc3UFv14ScxIlya+lcRw==","signatures":[{"sig":"MEUCIQD1rBnlJMjd1bYI9x5VwuU1copsyXIQlZOs6+y30PD/7gIgFhPSKMqevl39F84fvKy2l1JyC2tcffgFhN/J/cMHDSg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcCswiCRA9TVsSAnZWagAAm50P/0YvKwVWSppSHWFsWO8g\nDDqSkBANSXQJBOlwjJn7BA8n5YL6Ayow+sKy8gUtkfI10lFwon/mj6SMf2uv\nIFfMVpy8YmJ00uzVIy5Xv73DXGGWVJk7huRYVg8g02OBo9L4dJRxa0Fx7DW/\nM+BRqHZxNFrYoZgFw7SV9Lf5xX0icrjPxESVNSp0d7HoDTnNSm4RZ3gSJeWc\nqJkz2+dhFPwQJQS7tGvw0KvgBI3S0nhhtpn39EVzGcfwcfvfd6Fv64cDKOKV\n3OXOQL49bZJvwNTXR4oe2E/3UI5x5f7Ld9qGfY3Aa8fZhGhZLiSW1P+/3eT+\nab09hlF6LwIh+O5oq+vaKJqeQMTE/WT8R/+xKgI/jc8OaysPRlS5OSgGm9GH\n+I4L9uGO40WqkIk72dS8TWHbe5XhwkNTD8YFvSnBx7JQB4D2TRMGRxMOT0JD\nmt3KH0QqpZszPk0X921ZqfX+1ApEffmu0pRUgDETVYrjnINZBBY3bZhngNrp\nQ66ZQi3OqHGXPgcJsp7oY0dvFW/ixaOVUXIQJGCq2aSSCT63mqAAp/ScWuVr\nQxGV/Vs/4pzC924WEFUxem7L40bsEgyevlo6j9noeB0IlLG+1W2Lms3eBY99\nKAM0mms1tdI/oUf1i6tpLEhDUjoqSmAQubDIiGFUHX4EOu+j6FUK2KfU7/Kd\nybRv\r\n=RuJ3\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.0","dependencies":{"primer-support":"4.8.0-alpha.46beb5a1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.46beb5a1_1544211489479_0.5543739277774657","host":"s3://npm-registry-packages"}},"1.1.0-alpha.c20a7afb":{"name":"primer-pagination","version":"1.1.0-alpha.c20a7afb","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.c20a7afb","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"6881ff6277037b63795bfdb6d79becb05e33a788","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.c20a7afb.tgz","fileCount":9,"integrity":"sha512-CNnaN3WZ4i6Hs8OtS79tqVSovtcCO7mqgnU3iSHDwu6RqrZ2qrjDhDRcCvJKXck+ZoZ779d4c+/1NDHzEx2M4w==","signatures":[{"sig":"MEUCIQDdA/T/MF/o7I+Hxjrxi+5hPY9CXESR75w6fZKzftiYHAIgOOIos9eySK8yVwPFDKwyZfOSPSLlLwgYcPM1ln7o4AA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcCvbdCRA9TVsSAnZWagAA1mQP/0/xfLJl6BvXTveWo83M\nzpTPSzMC6/EaAYDPGrxwHj/e/+a1sIuPhc7kmODCgArRt5bFsRi+S8ujBReO\ns4go8SPtu1qmqlnCaukLMi9xdQcrrn0oz9HsslXvMMSMyTO/ZzYRC9R2oi75\nyorbWbcNTKjglIoZAWKh+by5+2KDlHiv4XTtfqlcblFj9LkkiC/v8TBloL9S\nE8DGaQycFBpk3yQeaUDx9vgf5vkq8RN+P6J+QkextaLkyfwY+R2pv5EkHkAF\nvCNNq0gZNjDuCs9Kn3Wt8RXYK2gGjd+hap1QPjYNGdIslJHA1Fk5XTe9TajX\n8vp26sAVQLx47cAa6Wlsq3wSJc401g7HeWE6Ey/r0Hvjzp80BVdis02vhy1c\n5wU3ie2hf/aWbkgkpgI1Klr3pamGJprL+oqbgwpmdwhnO2SKOfnh4F22gE64\nFq8X8N6aOs4BC6ZGQyxOc0ksiY1nFR69DXxpH1o2je88oFe5Wh3vfg5fkeXy\noVFmFkB4Jp0G/BeXppqoGiNfv8XfNcCxQT1M9E97fOP4X45998KdZj6QMSma\nTV6fyqIu1C5eBgJBrhJnKTtjWEFvuSm1xEkkGcFdh3j+rCayLpGlMZFRzrga\n7GAfq8zDiNT3B9GEk2/EciHDUuvVrv2OiTGm2RefZIa73VU4xo2HRveGqFpa\nlfpj\r\n=aa7/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.0","dependencies":{"primer-support":"4.8.0-alpha.c20a7afb"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.c20a7afb_1544222428502_0.953633953508092","host":"s3://npm-registry-packages"}},"1.1.0-alpha.a369dd35":{"name":"primer-pagination","version":"1.1.0-alpha.a369dd35","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.a369dd35","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"f9515a54a97360eefd0598a8cc5afa036a7bb386","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.a369dd35.tgz","fileCount":9,"integrity":"sha512-xVA6o9qhwzuAmGaIIJLpubsKQFyRqLIdh3RMDJTOC5w9ldGU2I77xK88LAjjoDdul1KHtTJHvUIXX+3PSkMODQ==","signatures":[{"sig":"MEQCIGt6ko5M/Ot9jo6gkG0oizd/mR0nLWd+gcNBMe1LfY2eAiBfuUCqf+UKZ2hVEAxPXBdkbt37kJO33y1XGYkaGMO76Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcCveDCRA9TVsSAnZWagAA2bAP/0xOhjwusz72BX+XF5MH\nSTFO9hWSctfsFnBfgCmKuGVJpEn+WrYP5E8XQ2A1a/AYGZSGCj69UC9iAQEo\nLmp2CxghLIYcTIVwPvQP8XoRrFho+tWOTl6HnpD5Hwj+HsbK9eqnWIe/jso/\ny3e4etSo0nUb3ocidmB/38xXqtvNKgOAVKAbr9FafoWhaii7oORAy185lZcc\nRKKVZSGnJ21lcV8teLtZzsrT8x8etMA+XOt1SOTRw3+Cu9Sr+adDKOFnSuMx\ndrs5WHHONLIHGBCwh0tzPUymFdZ66UTPgQipDGNIegc/L1QVhxw6wD45geuY\nmY5PTNSKhLQcJtzMcvwoiUtUJ90AXq774adu9h+HBvOWjIDEuOgWlD4Fq7ia\n5U4ImQmPWLam5FivMqLK+FII6SRIzxXxVoenNX1PQts2UvP9BXW6xAopEbGn\n0a93Ow7RXID7ISCu0hmptYRIdUlw8n8FIQbQhIWYqE71CjujPSfg1G2gsJ0L\nfCT/TFtE6cila+Sm3tRraIJ/VuWTIhYp+3uJCirJ9upoU1ccozJ4MSP2fdHi\nL5ntEZZ+Z3jfBts+9Pzs/mY9F9sLUR/bXRmn7UPYZZSgulhIQVoczaM1Zr4g\nlfg6BBIxKgB1xYsImFimRlQuZTvcQLeS5QIpuytyacD9fyyaWqyqT/wYHygW\n9bw1\r\n=l8SZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.0","dependencies":{"primer-support":"4.8.0-alpha.a369dd35"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.a369dd35_1544222594330_0.5111455614818246","host":"s3://npm-registry-packages"}},"1.1.0-alpha.d328fa90":{"name":"primer-pagination","version":"1.1.0-alpha.d328fa90","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.d328fa90","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"5f0b63a716e32844e0c36697b6524076197be947","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.d328fa90.tgz","fileCount":9,"integrity":"sha512-hVgPIiQdEZjXj3Gp60a80yZHjtW7m0eZTN3aJlsdYN1obX8zBAY1f3XNWX/U2oBA/EZITA4TnwMfwFrU8DTJKQ==","signatures":[{"sig":"MEYCIQDdLssc9JyHOgSP52C7cadiuQS8EymsVVPTg4l5POkybQIhANjPwOApu0cD3ivSNAiBD/LYBAuYTaEovHLnzpKDMaV0","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcCvxiCRA9TVsSAnZWagAABDsP/i4HHOeiDvYVMsNIPHVT\n1l8cbWmYq0Fi8yEvwfSdJK3o19RnT8MAIzSvIAowU9g+pKnXrzoWLRf6LMOm\nVrcpFUgGJj1bBFbpzjCJ5hW3FkDaZwJEqu8fqeu2DXV/XKiJGAi6p+XeQ3ek\nhGBCoG7iwcmmCDv76R8ri+uq2WrbMGDWDBg9tNv2mQCQedMdZ/RwI8pNYikX\nHZb41m2k2X+/PHBT/0y0tdIOlaUXDJUEgcgcqu6UTowMkFQnZOBeAhtplAIX\nqvfRhQPAM9ItNU76DcvaI23wv38ZkE3R3MRoOYKCK2b7JUPDxcCUt1ZXoNDn\nHT5J3F0dpttAlrz4JNIt6eLfbo/ErnL9HoSVCXo0+sgHjWOcKDYiimYtcbHj\ngTwQcm779cYiaCLXFQYfPMUlGpLK8T91YNP5WrLXJy0+VwXes/khaHnrZn2i\nZVV7HTpuHADeowZajMgX8BZd1NyxKz4OT3Rp52A1b+y4iV/D0i4LGCzeBV2s\n2g1e2nvfweIi/628c8c+iT1aBpuc1+3Z5NfO4+d0W6CzykMRpzZqWP0oxQ4X\ncqodgrbMZ42Kj7EClblmjKsXZVAVAsTHIWzjV2A3DgEa427ViwMXAPahgxzo\n8O4leBrxm1bjKiIddDQUgzZFYLgeggvk6FMNxPrvbmdQZm9130YXoOy9dOIg\ndQHJ\r\n=dVB+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.0","dependencies":{"primer-support":"4.8.0-alpha.d328fa90"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.d328fa90_1544223841759_0.8176162918888739","host":"s3://npm-registry-packages"}},"1.1.0-alpha.bd244056":{"name":"primer-pagination","version":"1.1.0-alpha.bd244056","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.bd244056","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"19fe93de398f74378903c0d6924ed6b820061233","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.bd244056.tgz","fileCount":9,"integrity":"sha512-ujO3qPFV8QcCCZy0tzlHM86uVllyxw/jVlPsIV0oGkxH4ExuDmDM4LGhjzh5+yRhVig7+0e3LvX6tsOM7gmVfQ==","signatures":[{"sig":"MEUCIQDZ9dSHTvc/VpWACCaIbfHR30TLjq62wEtEf8SalVC2KQIgfjp14/1VMy3FrEGqU2qMRi0DKhR6LCshfTjVU0dT1Q0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcCwI5CRA9TVsSAnZWagAAakoQAJ6nWH+M4kFzDHDyoKWs\nFq2FqPZ9f+EezRp9lh4Bav7zSdQFqC6HL3jMxvP0u03D4ILydzjmhRpW4QdA\nLI4X2SBJcwhUiTBPMR6Ze4FhBwmRy0TbR+bFmEx7RC9mBF4zL3NHHKRzZiIc\nOsaTZg5K+LAgBuFveFrWhypZPHQyF1dGprm+xn6wD5gJqXqH4YUJQ4BOQ6JU\n9N8Gn4268wTE5DlRNIbWbTC4oc2og6oadw3UzIAy9nfMz8tJ+3b1PUctPuVq\njdSDvXGiKl8GWmFhCRplah89LN42gz5DQOKVxv8zuPmO3vpKikpo27V9F6e0\nJXay1zX2FRF4nsfUR1Z57HshLZL2xVltHHWUb2MDn0X0wvWAWiycKw+38Pjx\nCcjarhv5ZhacoOrKsjfveIffxTU6sr3RiOKgjfxvtZ/90BHGShSvoDFVaxwG\nIVpsaxQhLTSoyJiHOVoIGp2joaCV1orWW2yPf9ObWR25B45MTh2NbX68dLVA\nx0W8kIGEX0TKtyQsrDKdg2aCWIbdGO8uweR5XIIStZPD5OGw0Fnt/XuCqVM0\nw1wVKcaQ9ww9XguVBD7Ga1h9b9WQ5zOAJuRecWai030OmduONil3/Wk4fi2p\niAoSkxR5UFBb+TO+54Hqom93GtjwLdbpHfHgVXTgkoUo8NPUw+53qTuPcGW0\nZAMD\r\n=HcFt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.0","dependencies":{"primer-support":"4.8.0-alpha.bd244056"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.bd244056_1544225336555_0.14594364723926478","host":"s3://npm-registry-packages"}},"1.1.0-alpha.f7b11c63":{"name":"primer-pagination","version":"1.1.0-alpha.f7b11c63","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.f7b11c63","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"94b4483c74db78b13ef45fb229df107250cf45d1","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.f7b11c63.tgz","fileCount":9,"integrity":"sha512-UaGGKapf81C0wZJ+yTu9c1ViIyBFookEhnBZhU+eCDj2iPmGhr4gk3sZVx6vV5n0Jhe4hCgF0Bh089PFWMDg1Q==","signatures":[{"sig":"MEUCIQDU3sGc7HVq7n/jOHcXxDKTg5YR9lkNKX7UhZlfKsaGLAIgWpmiJ0aVOlK8bQ9eRXhIIUUORiH8ZyBdqyM7Ct3Z0Xw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcCw2cCRA9TVsSAnZWagAASrUP/ji5xJxl/wGH3Go7gyvx\n2ACjCRCRZcDQHv98/ps9EuEPh6ZFdvM9XpX04NuawUC0LJekjdovk0wOmfM4\nW46I4bTt0le8cV6jo8vNoZBZY2CYeH2LUAQACcvHjnPxXOj0Y8xo/lfgy/kb\n9B2BL5DvASVqH0yeRqj7FpXoGjMdgt+vZxj876flPeBunHYXTxLg8/unMCih\nEmUzjINdpSqxbMiXUfP/a495flHXBCNqXAMgTe47KiqVoykO1Dq1jnfCdg8p\nVunoiJCmmmbMy4oZl9gH50oJmAnNsuaa0hRG+mGNfcyh+vxjNc6q5JMMDug5\njw3dsXchERNphuVXz3XHh/JinqP75jpp8mJf78d6YVCXNCkOq5mkQyLBSzWC\naB8SSL1zgGjCqNjOs14T1sNcFYS8i/MFwzrWOLmCrX916Vexe7+Yz5OqqOa5\ntXbGl265JdzmnXaZABiOciddbw+2fjMu/+wsiW6HayOqEhHI/gxpLcNizT+m\nj8NpXUsoy8grgn1w7PPfSVXqumvYcW8p9PwNIZG5mJtbNoQFWpZ0M/UEfw6e\nc17DASi+faKPlM5JdgAlVStxOkz1OrAxdEa4fjtHo7md2tFEBupD6xRsLVDp\n/kJxZo+SXanRwhWO3NXR+crUNvHfhIGFO3zL42acXUrH5wom5cvnTxHRNY8l\nEJPh\r\n=nbSi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.0","dependencies":{"primer-support":"4.8.0-alpha.f7b11c63"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.f7b11c63_1544228251401_0.2846170593826587","host":"s3://npm-registry-packages"}},"1.1.0-alpha.714565b4":{"name":"primer-pagination","version":"1.1.0-alpha.714565b4","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.714565b4","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"f3d5a70e6f72cdc8e362732d3bc3d18dd3086c95","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.714565b4.tgz","fileCount":9,"integrity":"sha512-QoMe9XqtU2FCMqXssRRzjhHaZnaq52bewJ6NTGt3+9J3I17DblR2nhd6jwCYbGGNB+vfBndt0aopHJ84Ctxh7Q==","signatures":[{"sig":"MEUCIEcBc2/GC8fCrQFLgtTM6rbxRW0HHEDYVOyPnx1oXw6NAiEA6+sHoBSQuqksxWeqVqDmmkBacHIyBGlFYBrHJbw+3Lc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcDpGdCRA9TVsSAnZWagAATMEQAIIkGK1DYDhoX6CHWFxU\nie1vmmvqUm8FFOjbvaSWE517BnkCryC2DsG3HBRQwqRnC6FKl4wowe4VWupr\nv87qIF17ouo8AbwIcarWg3oagTT3hNZ1ClrH3FkkvsUpLbyfxfWOzriqYT/I\nasCvLSVBC874IMFJFAJP+nrZ9UrD9dufcM5xJq2vQYD3eqzG8jRMvd/GAmvy\nWF61z4/hDR4xDky8r95eJjATcmyFlAycKoitUvgtXdTr+haL6gi2Furk3x9H\nDIqtxT0PB+WfTbtK6Sr68uT8qVvFsOeyUxNbFQk+hzVn113r1roK6vMRIFo8\nzX2+sSo7Tvio4jWmzOJ8lir6+clsURJJpFwEZRgD6M9UH5WdHaASpl86iwr6\n+MFQguyoxql/s1Rscx3Ng5oWskQmKPTg5SvOY2Rpef0XlwpOd4L8DsoXiST3\nB9RN7bdHq1M7Mrm+X9o1cY4LARJu6+Kj+3GGAJoIUE/+ObP6LtU4/ysKrb0p\n+CpBeIX9z+RijgnYpgjyqdf4mEskx1tGd83uZ3Lf28H3H9SY7YvxDBxto3Wz\nXurqa7GuLjTqBOuSNLNVba3+dEmolr00JJAe91fyjB3Q5CzC2tmQDQmyvLxM\nt76CTB2U1IS2v0u7u1NdjLB4SFGaiI8J6jMXxNcWk5QeLIc6ur+xdik5EiMx\nLdjA\r\n=In+b\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.0","dependencies":{"primer-support":"4.8.0-alpha.714565b4"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.714565b4_1544458652277_0.6121862118154016","host":"s3://npm-registry-packages"}},"1.1.0-alpha.456be6d9":{"name":"primer-pagination","version":"1.1.0-alpha.456be6d9","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.456be6d9","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"b67d4cd15145bcdcbd919de90f670f5590014cd8","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.456be6d9.tgz","fileCount":9,"integrity":"sha512-2eBcjXpipULVJRdBea6OiSIkYB/FQ0a68Yjg8UIBEc6csz2rasA8DLARr808WJxypAdYXvPJtCQ7rraJgPhoKw==","signatures":[{"sig":"MEUCIAs21mamo+cXpTcGiSB/16UyiKfVoN0+OMov1vdprPrOAiEA6yllRe5/AKTAM0fpfgvxuCf4II/Z/4KnNgiLR67Cf68=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcDwF3CRA9TVsSAnZWagAAangP/05g0YIZy15yoG2kJspb\ndaGCyHEO93eEjeJ2jMw24pPhz+eNTl+OjCOhWRUQDp9RPkf3hpOA9DPTtcK8\n6kGKSdXG7MbYG2hY7VNvcIG8uGzAAaz4A97m98aCsW/vMOXflbiJ9boL+8sL\n3Vo8p9NY9cGzmyz4kOtRJQRSooeJu0A/K1DT5ACFVD4Wr+csKXaFJV4XPfzM\nebsr19H6v3u6Wib2sx3SDvBFhb8OLTxClY9TGz0Ytjxnl9jBnyV0MKX3dGTR\nk6m8XpghYjZb1oV8AsjA+QYg/EQAQNcAFxj6KodrHYnadg25Z0+B32GlsVJN\nL4XfopCe1FLHXTVFgWzHzp2VfSXiONz+yhqgKInCthu2/69in7RENTSWqvK0\nUHR8KDq5ad7p7q0MDuALgj7UBiOv+hPFjmxm7WxFdZnHSlGHFadKagHacOi5\nx9yJB/nDZsJEcmYkOXtv7b/SN2DEQH5rAxhAgy9x1FpIt0Y5v7j+3zqu13Ie\nGFNHVNAILx751ZAx9xkmyYJHixjQGYsSkXIp/iLAsP0KcbN2Jx33pzmTA7vF\n4YTYNtCAY6uQ/fTbhY0pOkyWKdNqmfOqaksA0/iC9clFO6J4AiE85hV1Y2qa\nLojBFfyaLS2Mq6c788jbISeskop7IxNorihiDzdAz6U+yS9mdtVmeeLIjAyl\nfX/F\r\n=H1JY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.0","dependencies":{"primer-support":"4.8.0-alpha.456be6d9"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.456be6d9_1544487287008_0.37426694726296805","host":"s3://npm-registry-packages"}},"1.1.0-alpha.0b0d1941":{"name":"primer-pagination","version":"1.1.0-alpha.0b0d1941","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.0b0d1941","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"55b6b6e4f1e33aaddc930c31a5d0a98f409d3c6a","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.0b0d1941.tgz","fileCount":9,"integrity":"sha512-EfNU4aC8P1Ob7aViCSDa3FsGyS2S4kP4Yn1Ze9npEkMoVOGDcVz/78KRt5aM+ijQwyr99kIGnVGpwHL1LYBqPA==","signatures":[{"sig":"MEYCIQCeL9vQWt39QIuGAQ6gun4z+LRbzDX0l9V75hh8Fc/ITgIhAJGGGP2NBt5iAuZY/d0pIxFuuQn2Xe2Vzam8GK8wAyv9","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcE0RFCRA9TVsSAnZWagAA+04QAIMF9hhd0t+FNTg3+QwC\nR2HlNFqM4Dl2vQ+7g6ZO8CctJgZxIaDJHtI0OVnLwSSkhPGan0FPKs+UJ4Kq\nDemuJEFdmxa3OLR5ElcRq5D90x8Ht0KtwMbxnjMAqtjddf9bolVp9LwP/4uh\nCfEXJ7IExAMCjmNo0cXZBT1HEUocGrhM0IVB1s2Kn+YCDvw/XrC27eqKYWJ7\nqH3iliKy5jTIdT8CKVLnqFHLVN6LhnbqHn0NaIal6/Dn7nFM8VBlYuuqreIu\n7IXl/pvW5qPqCI5CGn+BXmZRNs6edcimhVMf1TQMDw96eBA6/GP8nHycr3fy\nGw16LT681atyEzk8DrNvsRE3muSOUxP+g2KL7F6weAq4J9KJ1RHJMC2eLOSc\nuJ1WlvKvDPASV1l1KWxngWCNqmmcIoULNyodeDSNlnG4Hh9Ag3EVbCotnatU\n5SsK7tu/Ut5n9z8vvQKy9GD/Paz6DK2LZD394o6aoOtjP57pllWB/54anYp1\nCEr05R1JESL+hcFcAwsOIB8htbu99OSvM8TM5E9ahaOdHwKNedOA9SLg3lkR\nrfSG9N8+AMrdsPFOEILZqforITiXId3Ja0PPhCyCj4rZxrLSqHVgjSbJd79r\nYsVC7K6150By+e7QbYkzUp2KILMuqkT+DI4sBXADGIYHLNvu39OzuQybMRL8\nKfHx\r\n=1UfU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.0","dependencies":{"primer-support":"4.8.0-alpha.0b0d1941"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.0b0d1941_1544766533044_0.29427220637894225","host":"s3://npm-registry-packages"}},"1.1.0-alpha.7acee306":{"name":"primer-pagination","version":"1.1.0-alpha.7acee306","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.7acee306","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"bd704224fd5239d953a5191f8702e70342ac4ef8","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.7acee306.tgz","fileCount":9,"integrity":"sha512-2L7qZUYVZq5DIk3MKybzSVnkha72eoNmOvvs0wyOeWleQqvnHPFdNBYaTTrmyMWr7zKnqMwcgRyKVucZJq4p4A==","signatures":[{"sig":"MEUCIQCwjsx0RJwOjlOkzCY+DeFkzdtga3ISgYP+H3HnSAqenQIgcstcu1/mmrLhGmd/etWlDRfd2b75Ss1AUZnx0fdc4Dw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcE053CRA9TVsSAnZWagAA448P/0anv/zMw/gngKV3qZQ+\nWBo8520VNNGFdjYuTejjm0mvOoGh/YGTJSK7C9UjdUegF5OQolLPfTdD3zeD\nZuU3liON9soTWsU33Ri022FHiKWhXF/DR7crbJWVcXe2s5fAXsFe48Fjx1WJ\nos70lQcFsQQ4ECRSM7QRzJw7Jui5w/bI5JUMctx1A81cXNosSelp6gunTXbT\nmJ0Bzn8UER2zypQNdzs3BWSABVJ90swRRCQ3drMBIKGoCGmdHvgo9wEpJx9d\nwmQXzBRAgK/gPWP1CSWMlGpKxEP+Kw/2/Te4H3n4xkjPoc3LSG9ynQL9RdUp\nB8xXTwBhCQYAhUszFupgGZG39cy7xl+m77TOoMbIt/zkyeriJ03yMUk8almO\n6+sXi7WhfcHE3IUI5Z5c+f/l2DsaNZqclLcCtciktMX1FfdrhQ5tiHV43KMC\neIpTqxVHGlGJGJZJty1e90A0KRU6V19lN63c3njaqOp/a3T5MXkwFS8Z31lf\nba8JELWxSBg4LQ/QVIZ9/pIdq/+vafzcXH5BSaP7AIPBLhEZEPYgvQCZ9gOj\nQCJegZvbEDDFkrO24+AcMcnxZfjlMwNpuWOG+QR90gaiA744luSt7n88yGsh\n8ArhY+GjuwHaoeEnpQ4eyxiIA9jvvf/5MkmDFMxwBdqg+3+mGhkA8ZXFkcqO\nDpNu\r\n=3V3J\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.0","dependencies":{"primer-support":"4.8.0-alpha.7acee306"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.7acee306_1544769143067_0.8660181825758915","host":"s3://npm-registry-packages"}},"1.1.0-alpha.8d9b243e":{"name":"primer-pagination","version":"1.1.0-alpha.8d9b243e","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.8d9b243e","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"86c0622d268eccc3c59203cc937dc58f2b4738a8","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.8d9b243e.tgz","fileCount":9,"integrity":"sha512-qzTnHOxmSxIv+kI2/+Un3M1U3WWugo5a/fk6lEKXb+Np+v8P6+ksATtRRlHzHZFljragvsTPb3WIb9xU9Yhtgw==","signatures":[{"sig":"MEYCIQC9+ZQzbseTVOkibFAbbnzDsSJmHobZSm1rCvvqi9XvcwIhAJqeJsq4WDENeYcy8+PnmQOE8UpljtL+NOF43Ah92W49","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcE1AWCRA9TVsSAnZWagAAxDYP/RmlgQW482N9/qKGN2ZL\nbK6Wh5kzi+/1KHseHGFS/mcXqyLiXiITGf9zvTv2NxwD7ZUfe/AB3hnLznt6\nExrju0kNtrUh2t3n+XhsVbgPDpl7bghWg/cEj+ah6iOa4+bjMsERRouvazaY\nlHwpWNuyLeMexp7SF8h2jI2NhbdFzqnSabM8ggt6sZmwqSZXxp0DkjbSFQiZ\nsKpJUTPmPg7a/e+2d8bBOeq+LOlPQRcpVylpHDvP9cUrsXvok+CT8YuZABqs\ndRBAtrbloOJOr6zkWgaG0yb+WXE5aYOOqY8dknWxhVzf+pF+dvIk7KUl17SQ\nFPJAocVXO3B9s0jNhtDwj9NsftUTdFa0CW0muPq6rYsTjh29RoENBcc13HOz\nwephFq+ab6Pb/ntcleuN961u+026ZvnrNM488/jsR3Ei4ASRJUhSv97BFy2n\nkw3kQncjNWgccdQtPNlXdc1mDwcCnKnBuEY2ayLBcLMoIEsISreVIqMWArkQ\nAdfC0SdFMTAp7ArNfLq+rVkV8ZptResG/nqWAb7e5/nEnzVM5noypMYAyojj\nWmlzAhmMZnQQ3rdYp6VxDkjFbbx0ITKdIjIH0XPc1m7ZicZ0EXjdtAmzDCCb\ndpL4tsemdDdYu5WXvT8vjEzy39ec2JrUiwRJMARBh354E6pW9CUgFulH/i0x\nUTCI\r\n=LvKY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.0","dependencies":{"primer-support":"4.8.0-alpha.8d9b243e"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.8d9b243e_1544769557551_0.7262203931878519","host":"s3://npm-registry-packages"}},"1.1.0-alpha.084f709d":{"name":"primer-pagination","version":"1.1.0-alpha.084f709d","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.084f709d","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"3dc50e27702e076b28094522423ad852422feb71","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.084f709d.tgz","fileCount":9,"integrity":"sha512-oDmVvj+2xINfI45ZV0BE9aAh8x0H0fG2Ojtwjc2XgfpiVFX/WXF75aWMtAkY7pyMx4Wm1mQPftZUPIOafa0NLA==","signatures":[{"sig":"MEQCIH1d8i84UdnxiiBLTz22m/GwNvpjSoJreMRiguvAsUKHAiAe9ORHNZG5RvvH/FcH+nKSrEhuTzP9q15VBkHXk16/fw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcGCrSCRA9TVsSAnZWagAAUgsP/jfVcCgrDfbQ/voHMcdv\n1+IhW01kGU6hjEpkrxlYB91SaWCruGtNzmtODfteHNxWCrkcCZHzbfc7FcAD\nQagUmW3OxmqbCsgF5yoQt8HAuCLiKWHYNAtO5xtVhr7mKliBd9jCc6qkRSrl\nNPv6jPpne/wcbN/hJDiCPhdYXVEhYNmOpMvPhi4vKMZQAjc3jGK53+Dy3Vxn\nXBCwgPQ3l06rU0LiEZUTvwFv3icCHxz3F0HvBK7nDF13+OrYeWBXqopeot/f\nNcdgfsiwKPglfJk3FZ68Tu6LC1fRbA1eK+dNyIZ0qfhRZGYfX0JkiGe3oXGh\nyRTXd/E+5EiAJq3TRF23B8f/s2WNScaU8djqASPJ6ge/qgtSaG+GoXiZnU9+\npeZciBcNyjOt4lwWgfiJlGpitx5xTlAQByXW3EaSQY1VcgNprXO08aDW6xK4\nwDCKlia1AKlEmgvYmGaQbf0dRRLTrYubby3mJIUmPTZRioCfVQ6QixNMCiq3\nnKid/XFhFYWPLBLlbb1R8grVviLGHvhKWkkbwrULVyAEyAvjxDAtAC/OdhAw\nFcKRYNm0buD7oD1n8RB2hyebXW98cnh6jpZ00PbenBrc4LydwuP6gJbi1dZy\nkAggBICXQqXqawsU/SHahNszzTlhIigxdXRLD/KH2mjee50P079YtOSKc6su\nT6sR\r\n=4W3V\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.0","dependencies":{"primer-support":"4.8.0-alpha.084f709d"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.084f709d_1545087697373_0.2835937506121513","host":"s3://npm-registry-packages"}},"1.1.0-alpha.f5a89e25":{"name":"primer-pagination","version":"1.1.0-alpha.f5a89e25","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.f5a89e25","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"a58ee912470d6eae08e30ca70a394f2d37fbf98d","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.f5a89e25.tgz","fileCount":9,"integrity":"sha512-GlzB6KrcG103cNWmftmlvMI3Mg7y7mknBT7bvk5PHCSiRGLsN76DQG3oUrRpKt+SLfm3vEEioHrbWG/QoZNbZQ==","signatures":[{"sig":"MEYCIQDSkUxNGpBgfLG8JU9xEqH2obadzZCj8P85sFxGxftYPQIhAI3BBZ+/4VKsS/8r2XNSsK0CMuBVVK6BElQ61q3JcIo/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcGC1sCRA9TVsSAnZWagAAQL0P+wZODhK6hzaJKfvxPGWq\nkWYFISgbmOp+gh0ZQPZPHEAV4TUGyUr7mYBWim+cgn0nYDy/SLmHzw9727GT\nyLl2H08cNi3DXf/NyVtLe1PtwtIlk+V6ftPTFy+bDn5Pxi8JTyaeVIicieFk\nyrHTRGLSWbmA8vCYFu4js6EtrT+MtSN51fKhVxVnKBHBeNUNnil9l/trqjD8\n7ZWU/OcTbaa/jU7M1wFeXOJl2IFOtqPOTPwpUB5yoHjqN/tsueuyxu7lXv2g\nzjJ2Jyu0jbENGfpHoHxWPh70KG7IS728CmHyKEjQFkGKOFLUWFoLiMKJH8Dc\n8WdBe2L13SY4NZ/eRSDhSYh32BT5gyGfJ/ithZccuyOcHBw8gbyhfAHsEmXH\n+VrLDBCHS5W7VD/Ov8OAYTnpxVhgHpjYOhEDObYPVfCUxurHH3UdTUnbwQl+\n58Hw4FUbtvMa5I+6LabL88tZjhtR606v3ZEVAwkyGgMUy1WJAvJlGJWMDSKR\nRbnjUAteVn5282SWHLqkBldFQPhCZm/oQwyiknNaeiWU6K+un/P0B55HQU3/\nTj+a1CvPtK41/d9wwEQcHjHy7u1Lwew33rI3pQchx5+b8q04t4g6ssHTwrXw\noEvYlNxolU9zXrUST7lBDToJBOFpllm16sJIu9AvSwwjWXsXAt4oFm2g2lEG\nozPS\r\n=nR/g\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.0","dependencies":{"primer-support":"4.8.0-alpha.f5a89e25"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.f5a89e25_1545088363399_0.21695343196072958","host":"s3://npm-registry-packages"}},"1.1.0-alpha.4586004e":{"name":"primer-pagination","version":"1.1.0-alpha.4586004e","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.4586004e","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"b6f8f2c9ae694ca21d6fd0f61f8d8ed694dd287c","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.4586004e.tgz","fileCount":9,"integrity":"sha512-veEGShILxN+13gk2EX0+S+Czhv4F6xBQDEzNj/KDl3BNqfXPynrcrvTZirtotvAZF2nH14Z3dPPtQZbBUmbDDQ==","signatures":[{"sig":"MEYCIQD4DwVJOzOXelD1z4ukjet5su3Mwgocwp0q6a0qnNJx5AIhAO7I+wyULIpTtviPdVyYGAbYuq0Afezf6pWdFjq8jpD7","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcGC47CRA9TVsSAnZWagAAG1gQAIh+hqlddnOs+fKjtF2r\nFSjUfvhtK63BG7v7qN00b+cIZLxZ3rhibcH201xsPWXpz5fhsoQNNvZsI/hR\new6njAp5P9F8K8MXASGK2ZZ2wnp2kt97ol7eeEnOYColNIHu4Jv8E+AszidV\nKz4t23npdC6Rk8iJ3AGaj4C5G41/QIKLQgoyKzM9fu3U70pLhNZ2VKj1upBf\niWuGy/gFHzqoKF5/qe67QNr8zQAqHDHOKM9/7HQVi96r8ntxjr2JR9Ch7bZS\nNB0gBKdEpiqdSYR/+0RxneBwx/5apAukSxQ/tG0CfH1XFaqHpzjCoPV1Rg/g\nzqSMPDTXV71CdEb/CgsSnOiMoKDV+vPDt1wfZkHP5rtn1yY8kcRM1yXTnF5I\nfi88s0VHXsRr5Yi0Es2VYw1asC2kYsG0C7Ylw9FylvC5pBgCdeWmbBeWy0DW\nww6pSpobFEmPh+6CnPSu9LW+0UbTVUqDEQwml5F8Xv/24qPF+Fk6ffgheX2a\nAippF8pCvJo5tmZvbnygENBWviSVaHxB1GmEdmc1JA8CSoAZQ6epZcVChwT+\nSmSnaCIhPdXSEXYfl4JUo1wI0qX/acazGHHw8cn97IfVCAni4NWrIHFmZCsy\neGwE6oRn2Bemuhs8DfNuL+KUIRKBmSTNy8wIjInj2qDGB/04ydvyooLpzxWN\nj3LY\r\n=tYSL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.0","dependencies":{"primer-support":"4.8.0-alpha.4586004e"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.4586004e_1545088570911_0.7563056702559445","host":"s3://npm-registry-packages"}},"1.1.0-alpha.6289c294":{"name":"primer-pagination","version":"1.1.0-alpha.6289c294","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.6289c294","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"e1e1d5c9a66853d4adcd27d0d9a01048516afd08","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.6289c294.tgz","fileCount":9,"integrity":"sha512-X1obeB/wBRlflMi+XSGbHZ+iStJ9h3vHqjUm4tlX44xjbnRIT7YAU+lzvRc4iZ3ZTUcGSjrq6rcOfvqE3RKIZg==","signatures":[{"sig":"MEUCIA0wWRqZZ82KYaFnVt/TqGEoehX4EqX9CAJJ9NSaUHyKAiEAqlfrj4FPIggT+qtPewSuSTcoNA/qxGplV9LJak0qDmM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcGDL5CRA9TVsSAnZWagAABLkQAJpsDvWDkl4IJv5gcsO+\n9UfJ+K1K27BASMaLN+uVYADWJznjFK6LoxbfFuuIQ7m3ZGmb/H4OUDairfbn\nHOYMqs0FF1K9i83sqkVThiGJjUIJRCs+4vIZktxoTpxUTFyqcyFDi1U+alr9\nhxn29dFXB+ipAzmA4CIh3n8Oz0nKDjqWjSptqa9eWnLY88wMWi6y18nHweF2\nEEnBNSUnArma6Yx+CmUDsAzDoLxqTNXiC9F+owMbh0+49VJfubOlVa07N2x3\nOowyje8rMP4UQrJ+e5XnzfKF4WISbcdfEeKwZ5PxgbtcsyuujFSKM+ZtRSPN\n7mzSCzt2PcKBPh7utneOK5efVlcfT2s6Uga9g0CELB2pjfaoACdB2n4XjBhh\nUwTGOEwrhBz5Tat9wp5cfxX9EPXl4PF94zgkHy/wKHOWbOmoefIWypu+VSqr\n4x0tVBuOYjFWkvgyNpI00m1ijCkQAVfkmdObkA7Eufv/lP9fHvO0p2wNWKXJ\n9whtfmT/PW5lmVWStYSKilEOwi5iydZCZ60XpAkwwn1GW3bfZuVL9u2qAsks\nnI/8GJKWBGKemp44VBpULpxCGYtFczmkpO998Z8NAfkmKNyZLEc8B1t1Eb1q\nwB/L1Dy6b3EvSBOJu8v8sJaFgsMBgja92ku9L9MCAKUocG2CEnro8UhUNv6P\nJEOU\r\n=BTMZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.0","dependencies":{"primer-support":"4.8.0-alpha.6289c294"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.6289c294_1545089784876_0.06052817064089444","host":"s3://npm-registry-packages"}},"1.1.0-alpha.d4f69a27":{"name":"primer-pagination","version":"1.1.0-alpha.d4f69a27","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.d4f69a27","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"0cbcb8ebef3cf94b8659700a1cede02b1de9f2f3","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.d4f69a27.tgz","fileCount":9,"integrity":"sha512-aecWkSz0WZj4XYwnHtqpO/9OL+/VXyfyABqqSYcPT61idRD6YSf/vvyLAg/lGK2aeK17hzC71yrzDFSTCXyTXA==","signatures":[{"sig":"MEYCIQC8FvGXTAlNWwJp4Pv/wv90XLz0fHtJsL9kRv5TZ6slkwIhAKpDMinTIm15vFM3ykfdtjh+xbjPjsdr7+KqQLCYZDFp","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcGDRACRA9TVsSAnZWagAAIiEP/AtLhSmTx7Xk5KT9/EUJ\nyI4KPIFjKONx9QhbvkjCJ2CgwX0WIf7Kw0WjDg9zMZosgBIGIHHzdLL3rd1s\njxfE7Qe/o2mPT6HZXLLP3JNBN+prmZLItazJJXfn3m6R1HFrYuEFriPGXTMS\n2vMAIXaWSAuxp581TyKjNqC3pv0L13FGqbAewLH+ZozPkVlfLqSN2WkBP8VN\niJ/faTJfqJghqsHOOS7WkjcHdc942fTefQh0WPnO16wIsI5WkRXHKpVhLIPP\nTD1tel7b8G3jEf/XIVyJ4SRSf9HrlE3BeX1XpjU3eqQSHvGgEVNLXPRvn+l0\nsdV6Nj8yo0+QkDY3iQotPXj6QIYWSgSZBYMoU77lN3J+Az6TDcW3NewekDco\nFILAxYOY7U3gX/2y95/Jw4H3C6ygZsSRtJyskyQuEFrBIR/BWYx4Yl+lGkAY\njp1jMcvw1mySQuU5z0ekxipNABekdxECcbzcHRy2LsKIKnpONSPpMkwngFS1\nrk5CWQJWFKzS/mxJsxNBysn0yvLJL+f35jP7+Y4jgnl0qFn5rw2yo06vMH98\n9CNkZUXiEZNskcTsFdNPZ2EO0MUPpaQOADb/FH1k4ENNApdpXwWMKR8+GmyP\nJ9Y7VUWJBOmq69HBYYmlgrMmOf+evOr+2cTGU4+cJqvZNFp7awr11D4/iHJu\nEKOA\r\n=7mDv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.0","dependencies":{"primer-support":"4.8.0-alpha.d4f69a27"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.d4f69a27_1545090112148_0.09667299483241365","host":"s3://npm-registry-packages"}},"1.1.0-alpha.2a13841b":{"name":"primer-pagination","version":"1.1.0-alpha.2a13841b","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.2a13841b","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"00bd4a3fdccf3a6b37b9e55c5b10ec826e05f11c","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.2a13841b.tgz","fileCount":9,"integrity":"sha512-6nlQSGntLFlwNLXHra1x7LFeTJ+b1fZAJ0U0kSLpr+Lidra6i9Ap5i84aCI6ZOuQMmiFCar7IlD7HToI2o3naw==","signatures":[{"sig":"MEQCIBElPNFBDYS1dW2fcUq4v2hksIXKSU2cPG0Ea7xq3L4zAiBEUgCQEqVJv6jpP/cpRRdcs/eqS3LUl5ctGPaRaKqzsw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcGDm6CRA9TVsSAnZWagAAUxYQAI2dvLkWnExRGh+glcX0\nr/H2BHOhgXhwSO5Ra8OuxZ2UpsHKSaaMMlxT/VKuTy2Bc/8w3O8IctR7rHQv\nl2EKmzG95YtShYEpqowivi5D0qFQsjLot6Cox+sLoZ/ddKmzDXw7g/k74NJa\nfU9os6+mdjY6PmyHmCHryB+xezcAzURe40RPSdbL2+FW8qArGzN8q4fZ+9fy\nIjeJK7q2OsmGlAqLeQFN3f0M6i4TnjvwHBOJgg5Irx5CJ66mmLGy5f3hwnOH\n+ibAUMBAdZ7PyzHgOWehza1/jHGmBqJfYl6QNV3zEZHGIg11JYc+dfavqj0z\nyJlLqriy2ob7cRkSpKTaQpBdHMnytPZWXckTk9TyW89nMnKUC9wJh4pyVvKr\nZSPwkBKM1ihIDE61I7R3XlXQZvWmb5YOmqsuRRDf9mTnG6lP3D/3pVoKGL2V\n37HnXY9e+hMdZiG0mu12IrCiMzzRKAOEqOHWWV91mWzcE3+kfX8mATafdF8e\nCLD75URu8kfC6oe5VPiUNi6xNmIny8TzoMjdW3B9DhNND76ViD3iuEbOCUmc\nm2Cqg7XUaOejexOLb/ZCn+zBUSCTVwEDbCoZi6MvUOSWJsBUjlgedWRTA6kO\ngrofsFIp9hr582i+2H8zb7S7Mk7LVcfe9a9N9sL1J0qzO9xOaVNaYv9KICFU\nKOgG\r\n=MNSu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.0","dependencies":{"primer-support":"4.8.0-alpha.2a13841b"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.2a13841b_1545091513920_0.32259157194080035","host":"s3://npm-registry-packages"}},"1.1.0-alpha.45c8cf83":{"name":"primer-pagination","version":"1.1.0-alpha.45c8cf83","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.45c8cf83","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"27db3b59c8696b2c41c3ee42aa4a7fd3fef1f96b","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.45c8cf83.tgz","fileCount":9,"integrity":"sha512-4hKWe1ppsMhV5vkM+RjyHhDsXimWeUtRltPdzIShV/EMUHKiVVcRjc68IZXa2HCg3bpci0iHzqaKHiULS2nXUQ==","signatures":[{"sig":"MEYCIQDKFjqaup7xq0WMr9BNxOm8PExdiGMSkpziANZeg4v0vgIhAMgGp9h5fYv80A+FpyInCbVduY1zkij2GvK9Rv50K/3z","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcGDtECRA9TVsSAnZWagAAnoAP/0jgsJ+Nqitt3IwuNVbj\nZTf3vRzMkYEBBT1hZj1stOkmTXzZrcIG1udyrSLl8gqX+iG7ESiQhO5iG96Q\nR10tVdXkavkYR4EAW1+MAewrvEqlTwt3OvTG19XqOTS2bO85QH7XZGKZxz37\ns+PjpR6W7sAtxfAC51ZxwOYJB7zykFuH1azUIUvlKuOwsun1JaesNO59ujHL\nFQOTGCHReFYjvS30gPyeamvqiIc3W0AY3e8T5Gq1AsYA2zqQKHfydvOGzQCC\nB3D6hK05nExvloZsRiBCNzWVpDARZ5U0AN7wAvIvWT5UNOwbdRc+4ldPjV5M\nTi8gOzktia98TdXVoSbQrGPjVlgb3HeW5YeL3EZB2wbV9N2sQnLUTNbKtj44\nFxQlPqzCZCGNhmD9t1TlE+DM4NDWptO2+zxMxcledhYA7Gj583Xv+MG+oLhL\nuvEUtqytu6cl9wgXJIlbsHkpcy8Sb8yhXltci3WK/RuqgO7L4G6C6ye2rQtW\nd8U/g8Ju0iDdS2DEYL0sK/+PuU6yGUupiXtwT8L6hz2jZXp6gVumqCYPNBKe\nDmH1ng2+IFbQPihUPiHLhYYMhb1Ht8v7me9qZqpcs3uaQYYSqBuAYK3fCXxp\nqMRIpCzozyiYXPppLvyfdQeTaywGKiT2Hu0pMUx6e7NOTMkzJeHMprvm+um1\nSdWd\r\n=DAq2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.0","dependencies":{"primer-support":"4.8.0-alpha.45c8cf83"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.45c8cf83_1545091907537_0.8725779953063546","host":"s3://npm-registry-packages"}},"1.1.0-alpha.8432e534":{"name":"primer-pagination","version":"1.1.0-alpha.8432e534","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.8432e534","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"a4778936cdf3c51320176c5a674fd014ea781954","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.8432e534.tgz","fileCount":9,"integrity":"sha512-FzJC06ZNC6f1SjUaRDfElKI6K7gLnMl0BYAzX8aBriEBiG/VDAWj9olrgAfqONQTJS6gRlDCD5cxrD3mRqcJFw==","signatures":[{"sig":"MEUCIQCzdNh9Nn4ngOQqhbJ2duA4KO2IckXNaWcXqV0Wrttb1QIgUFSFEUDuGYqxYraukEgUsMQyD+EX931lPojzxqeXK6E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcGD0eCRA9TVsSAnZWagAAafAP/3r106FnMMoSq9bDU0H0\nFi1L+oUJWKGB9WVp+RtVFhegL/tFmVosJ8sqGLLtzqpcnWJcrFUsxKaZX5wc\nX/7Bf2zfevPNmWadLM+1t43pqs3cxvAF+psyYaBqjLjN5VxkcueAxKWZSqCv\nsVLgpW5Tq9npnUu9AnPANGTlAvHj8lp6bNmwHleN/COVP4+LMdVuKd0QS0Eg\ndk1FYkYEBXXDUVxf+UQdE6CG7+h8iPWBNtrf/4FR9NQ1GQmhiV+hoE226zSl\nHSEReAeWyTrXfmLd/hID6aIeDHD/4lIsS22MKsCgMiTLcBZlYZi81myAi9V/\nGwVEsMoJWegjyoMFHPVCmZ3IX+p0wjNB2dtU+O/ekVaDsOUorNhnTdvKW3Ol\n6Fy68wfEDuZ8ZBxZevPbrJZvfJN+mjDhHT54y21C/9jVbYVZrHEsXL65a2K0\nytdXWaLDZ0+HXrN9MnchujkX9MQZ4sPywnJW19uu2YGf3uLadlGmktblmeZz\nlSuT0Og6DYXxWh7Y7OrpKnFj3eIkizhkGsLHS3Srl0umykrFmwCamoTtEzWH\n7G/ADql/eO/WFjXOO5CbWvIhVl52r/7f64Qzo3gcDjVR8DT0TiwwMs/pV9/i\nAcLdRFhVnGIJktszNX9WXN+BTc67RztZsjMoaivX/KoBSoL7TlC66EPIrkBe\nLJz6\r\n=rEvw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.0","dependencies":{"primer-support":"4.8.0-alpha.8432e534"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.8432e534_1545092375332_0.12378343353950672","host":"s3://npm-registry-packages"}},"1.1.0-alpha.7a76b326":{"name":"primer-pagination","version":"1.1.0-alpha.7a76b326","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.7a76b326","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"1e4138d310af9d04766615eb257b6195a1caeb5c","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.7a76b326.tgz","fileCount":9,"integrity":"sha512-MKnqaZKmH4WLD2GvsFmY/OZIJ9nYdlj9HEdEs9JTcb18ciLv2m1TNTa4XieueiCTNx6vDl70svDV1rBEWo3kVQ==","signatures":[{"sig":"MEUCIFgO8JMDo3j+xzeAvLZaeR5wodPTK0i1pszx/DHLvWUCAiEAycOHLhvS5XRN4gJ1oZGZ4gLZBv7IN4+KZNZie/Vzwn8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcGdV/CRA9TVsSAnZWagAAnHAP/ijJ/6Y73FEdRdP/FBwB\niIcpgToi/s5eDz/mcQPmRsObJG/5X+u1Dg5iLP6PD63mu1CptuexoaQyfCcW\nU9S6FQOkFEve58KOO7F3u5NE1mHg/JSwBgZooRjx1uxMOsJ2Tu7awjQzmhcf\neBKbCSA/RHV2zRpPKHLCU5xb1ZAaAkOCNSs1MHAZVMvqazcf880Y3uOyv20r\nUIQQkb3RnMdih/hNMRZTjJZDvNjq5R33RQpQxX44m178y3B6hYrRU92mAsaz\nSDUjh6mWKZJvYOB+eM23NH4KV7A8JlO5hYvSCYO80/d84WUZyPeCeBoSlzu3\nAnI5BnKdFauI8sUwgRAfAZ7hcHv/HaCKgIoYtT6mEtYMHojhtEm0XiLeUNJU\nDqK3nRtbedDyClOA/L3YtAZPD9OW7ZPZDW46zBJfP5xUJhB0LhlwzV5T3Vb9\nOYFik8aKufNTBs9gEqDtZTBcn31KOBdYWQiYrbMTUclv0Qx4bVEMk7xGNKiC\n3C/pMO3WdAvUyle/bkWA+5GzeeMiWOL/J8WhtoMwhudYcUfqb8Lq6SfqrAKI\no8wH6vGzQpRsnx+InfPFqJDPYs6YmVzxkxeJaPu2MGpUOT1qYWkKknsuf37Y\nziarXbeBOmg391ci3m+udR0rT/oS8fLNVk8GzvMX9Gr6itEFGaKM1Uc4LrXl\nhO81\r\n=5nVY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.1","dependencies":{"primer-support":"4.8.0-alpha.7a76b326"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.7a76b326_1545196926933_0.011095913479737263","host":"s3://npm-registry-packages"}},"1.1.0-alpha.52d5b327":{"name":"primer-pagination","version":"1.1.0-alpha.52d5b327","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.52d5b327","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"25a18ec75fafac775a140119c4803a585c146b37","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.52d5b327.tgz","fileCount":9,"integrity":"sha512-H80U5HvNYM+4+5rSkZx6wY+oZ00rFAwsEAXC/Iz4cfPsORlGtWzFHVhbwXKUu2GhxaBmFzV/9shMN4DFOnjh5Q==","signatures":[{"sig":"MEUCIFvOveSGQaVlvLjRa8NwUmYdi6FC5MiMXzYjESV0srpdAiEAm1e07iQlFzjjCRptLS/EUF0EUOulPxcgt5Cjca6DSR0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcG+/5CRA9TVsSAnZWagAAMAQP/j6i5sbCLAevmGFDvFb6\nqOyLEuQ+OCZTurdkMfqbno68rN8u0gCpQwRGzxxHOLLmlpFkJALO1xekVWi4\nF1yf2zPCbHT8GBlhIcyjGkauLoqLA+dGc1qTS58AsIUVhrOZ4PvqRJYXXQAi\nmoZypaoNzGBflGDUzkF5y1c5cAk+jQh/sIXZF/2aiO1fn8yeFF8aLoet8pNc\nvcusTUGjTYx/s1gPIcfEuclRibwYlVGHXgjtTxDRFvqWo1oLWPjK10eTd6Gu\ntpt7G8YAZEclw1jnxSVdL8m3M05pkRoeFfVcPSODWyzktzNwGWHtTMganD58\nrya3KcnPT4/n86cBFnAfUmchQo5FIEXlsiHxlkymNDx2VZj6FdGyETPJdk1V\nB2xaJFjPYpsfdeWj0yZXKS7HXqLu5JaI2K64KfQPb31UstMOkqFfPUzc0Vs2\nklaw7k4O4sYgB1ts6+D/0l9x5DRZ/UXz7rT0zSEZVCU1FbNHmVu+Ew1lW257\nnoZ80BvJy2lIpAI/lZ1BIbulUt0WlcYwpeAKpsasnXP13i/jp3m9oEkchaLU\nQAvbSvXEPYEWlAP8eG3+9I1GiogB4wRVjrGOQ9rx1QhNPevO2Apr5FbQjl2I\nEFhb/ASaCzRjpoH4EPdxvJVTxZ0dEUCcnaB8wDohnCm98BlNZS/J961zoFFE\nVbOn\r\n=D+dg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.1","dependencies":{"primer-support":"4.8.0-alpha.52d5b327"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.52d5b327_1545334776216_0.9510227372272038","host":"s3://npm-registry-packages"}},"1.1.0-alpha.af57a500":{"name":"primer-pagination","version":"1.1.0-alpha.af57a500","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.af57a500","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"6e3e3a645f6fc2923cc86b550bc3ad6cdcdf2ddc","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.af57a500.tgz","fileCount":9,"integrity":"sha512-3Gv8ugTbc/cYdxbu0WHeoSrc0gm72JzrwmdPWfcTOjdfgq4igKifsMs12hjDIvK+a3z2iiK016UChI927zN7Ug==","signatures":[{"sig":"MEYCIQCdhLJQXD84Jnaxwyi4tBwbUX84HkZADxCVI8yPyXDoxgIhAOMUpQeX2PsC45wia5rfcuoFael3uC1UbAyFSdIYFuI6","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcHBiQCRA9TVsSAnZWagAA0HkP/3OpqZak5JSLLAKQNOvP\nIWMnvf0vkFa8YGThx5Uj/tCYRuJ0nOmvplOzk39vZCHfq2gRceSNVm37vj0I\nWMnraLGOtRf+W3du4ZP01do6xCsFt4sYFj0rr18ePAH+34/u0ceSogR90wEz\nfrmFThrExWOO4j7vpXRQRCtnRKEeW8bzXv4Z23Fh1yaQ2RNdfYcdqcbLlOED\n1lsYXG0zvBTDppFTpbfxJFAXg3C5GCWAtquiiUeC4BkbV4LmMXXMPhA8Jj9+\n5bPoiX9EdBsO47Ub0QlpyFPj3LEOXLkM6CcFGaq83t0G31Zpf7ghvQF0NrmD\nmwMVMLvp0yjNCqBiZHJaZogBi0ShtcsDrocLSdqGnGAvVSXDLJ7Pkxd0xwJ7\nTEZTOuuz/z500zzv6fSLzmkP84f5PRxY8RJxPL4lM9fz3gGi1zyIhob/NBs7\nD6S4EJLZZjdqswtQhmyLaV9rULUocYMbmjOJ4JpmKcprfkIm8sxTJfkrLni4\nIvZicWLtNOwSmlRfAsNg2B0nsmUa55/HCnVXFVZoBfujow4Yfc2fIeTbLczW\nxK4jliWhQrQXmT5ePG16rdnaY76e0w3H5XCPNBMGE9pvyDW9s5SicOZ6VWa1\n21FqSY0NNcQE5Wg3F/Non0Di/KRe1XTKy/peQvIJqkS+wkcry5dQV72VxirW\ndRmi\r\n=xaTu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.1","dependencies":{"primer-support":"4.8.0-alpha.af57a500"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.af57a500_1545345167649_0.5712568468767318","host":"s3://npm-registry-packages"}},"1.1.0-alpha.4dab7fdf":{"name":"primer-pagination","version":"1.1.0-alpha.4dab7fdf","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.4dab7fdf","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"29cb0b73d7802ce60ed7f1bccf8a88b59aad7ffd","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.4dab7fdf.tgz","fileCount":9,"integrity":"sha512-v6zjeQfa7SiUBr6tdGQEAYHA2NUa+fV7mnxx7NPYNesJuBTJQxEe16g02deocYb0mp/Mx7lJv4fCsmQhh0bEhA==","signatures":[{"sig":"MEYCIQD+mEFyk0npGUeTdQRpinkEC0xbvsd8ur+cTJWM8qp+8gIhALhVqsqnO4c0cMvBDwcFUzMWt70fvRqC3DbJoMR+C+28","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcHBoCCRA9TVsSAnZWagAAEy0QAIdbKl9mcKDtsNOfUxti\nmUlZGZnbd9mXZVJ2gR/Xh8WWE1110zCvz70CBLA3bGVioNEQIlZpMXM0KatR\nyoBafQVwb/Y4ReRYXxd5rlOMGhaASfb8VDNP8y0K9JcqKn22i0GHfbsUcbJb\nFJgOb2+UwGl6u1K0GYFAYwwoYkqV1UE5qAsCKyKCwMSU/DDAtoDYA1Yq4VYx\nWC6trDBR0R+Q78amp3CZeyeNAt3KwzwGG8WuO+ivtoqTO6+JMV0PYKnu8L8C\nIlzHS9CLxr08ohgJE48wu7DEuJgjW53Ofh6PkH+SI/gK08inbzQNAkgyi/g8\nNGDBOsxb7LWxbyleZdQb9iT8cIpc33qv4jyCHS0XpgTWf+YYR7P1aOR0g3kU\nf9pC3X+cEqWu+pc6X4fuLGJlisTZWxID5FyjVnzc4DrK6MUVdhLqJzFvssSl\npYOqYXxi/nGKEpzeSCuzYE9MeuB7x5qcf9NGAN5vIp+TYS63iJPrjSZ6qlfu\nd+l5X/4wOxwXhfd7p6QVptxGS86ghH1sXf8lZfIe72oeikTRbCj45DzIkfag\nknxMQfy+BQUuXw3d97eBDoKd6aS35o9IaAQRWCnRTG+CwLXYIIiMVQMVtam4\nG2YvU68uXSNGB12zEgTNlkKYbz/aM61ymOmYJT6DqCDyk7Sn9Wgr6lvVZVE6\nf8fV\r\n=g0I+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.1","dependencies":{"primer-support":"4.8.0-alpha.4dab7fdf"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.4dab7fdf_1545345537493_0.031868721732724925","host":"s3://npm-registry-packages"}},"1.1.0-alpha.47ed2750":{"name":"primer-pagination","version":"1.1.0-alpha.47ed2750","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.47ed2750","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"36c706c31dd825c7970e121865e5ff45bdc3b595","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.47ed2750.tgz","fileCount":9,"integrity":"sha512-7ZeLvuPbK09+IFVRbIJd0arxISL7OKG4/Ne3YBXIoFYCKx/fWhyZ0+7vgvWuSeQ4mPCn+g5njWco42/rCAvHhQ==","signatures":[{"sig":"MEUCIQDvApnkFmOXZI8hD3hidRxrduVXnuJ69VGDFrdJteNK6gIgA41AGN9TTOsRfLLssB5C9w8JOy5YgsgJp7X2sTKVQfQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcHBy6CRA9TVsSAnZWagAAP9AP/3an50yPBjnVxryd/Tq3\nn3VIBPDglM2tV0rFQyJiJfL8G+i3t1IyE3W5IsLyy59ignSMxb3sdIjlhNph\nCUVgKlMBYGSadlC27umGNCr3MFF2MiY1oIoui1a8Af+9vCmWVIGdITv6FYbd\nU4J4WHBZXOKtyABiOBBKUzMAxCEVHF9TwtuL/qOnyppeupnX6cg21cwhwc3J\nCBe+zXwnINtKfChA/DDVY6uEc7HcuhtDQSyvDIW5sYUFmkMjJ9Q9G9dufPMp\n36jptcj+411p/ess1eDBA3SlZDMYcPNlYn8wF2L8AqWSUsBbPRa/Y0g23YdG\na1ZO8BP9V5yUZunaKIVwqka6/9rsRjpq4BrE29qEL8Qq/Vjc39z+mIykF73y\nLchL1AVtCphQX8g5VsyMWBij64Ur9H6FH3Ihdd76T4gYaPPxVHjsbWrvP7dw\nN/gnAOp1Wz/h8+s6iuYLUCzUVxGW30tikvGcX4a3132hRUjWAldPt4qmHc8b\n8wdQ4pRQaMP8f1vkjsRaI6LDjq8ZwBNyQl5S3ySEiHByUYmTB6Fdto0wm0sa\nCLuovLLTyUmSlbIrbOGM9XpDN4N5k/t2v6FrO5a3D+96T7g8lpCpbCtG7qxr\nE7Rhu7lju3MGDnrj7k6LQvudOh+M/4WubAYmNVC/ERLpfskGYlmVsKQ36QVE\naqcr\r\n=IEvG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.1","dependencies":{"primer-support":"4.8.0-alpha.47ed2750"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.47ed2750_1545346233872_0.5464104010010093","host":"s3://npm-registry-packages"}},"1.1.0-alpha.82bac610":{"name":"primer-pagination","version":"1.1.0-alpha.82bac610","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.82bac610","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"f47de1aaddf3db8ba27d9ef88efe5bae6c528524","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.82bac610.tgz","fileCount":9,"integrity":"sha512-eIwp+pahY1x/QA6dpc082XIWa3bXsMn6Qv8EFRmpg3U413KyyJo+eFk0S9txcj4BjQmfpwGm9VVqXEldW+mVxg==","signatures":[{"sig":"MEQCIGC2b4FHVMzbYdusAolSSRLeM2bIQIdjyLhxdNZvy6zIAiAPB6Mj7wGniWkhPsZi+xfIxB39Xr+Cw+Ml3oKcIdjdyg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcHCAiCRA9TVsSAnZWagAAa6cQAJcmGC/hSgQIxV7P8ZGR\n5AbwtgCJUsx93+BYzJCDA7+IZS7PJFp/NH6noUGehRBbVwbRVoUTeQGSwZ86\nBMonEtblsbDbpHp033uVY/ccTaXnrF7xFJKWPk/ydGDsFy4sPs5v6svfbKzv\nWlPluG8Xh+bdmnJU7HTIJ24CP0UCRMXLIt2LyEMTNZJU4SZcAdiQUNwRTg2N\nINGy4bsi9FcrUjiYJhqRgudiqnYfuZ+6ePcNXFYJzpUrhwVXwG1LRFB5wTy8\nPxkyehvYhTYuvPtZnc1reTdaZgBzx15m/89XuNIjN0BfAvR6JRRXrQYAMvSh\nv2/ZH6U8Iz/wym2uj6MW+CLzRXheHCJAXLotKnVMxnEUN4CFvBPrXu8uHOt3\nGYzJbbD/B75EEO0SX/v365Y2EtFlBv0V2fcjywFaDuhj2ZqUsezUF2gIwrGW\nlnXCtzddsiPYaTx3Xmxnbau3Ak3sKXopv5QCYPCR5aN8oDoDo2J9xskrDuC+\nYOpK9OBCRugn3d5ZnXaHUKgTidUsOJM188R0yr50DURbiFgHGYsUWoO4cjaE\nfdZ+vNMy78gZ8IszKce1y6aNYQ3zqi2naBkvFkzjdOtorSp01z2/zwa5+0wH\nMdbVCUeRwzMi44PRr/C5zbEh/VF21tYE+9ZRrtlrMCHIWBRTmTKPnJOq7Nb6\nGqbI\r\n=nA5Z\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.1","dependencies":{"primer-support":"4.8.0-alpha.82bac610"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.82bac610_1545347105495_0.10234147289761752","host":"s3://npm-registry-packages"}},"1.1.0-alpha.15a93353":{"name":"primer-pagination","version":"1.1.0-alpha.15a93353","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.15a93353","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"13ab6a33d1de2b05a43e12f08f6289c9537ab7ce","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.15a93353.tgz","fileCount":9,"integrity":"sha512-h/e0gwVwB9GcVAtHdCMpDe5CpHihd+FsdSbKsvnpwJQxbhRq2fVNZhTs/FdV++1YHkog5FeSN//N+ZWxY8woAQ==","signatures":[{"sig":"MEUCIBR2r+NLduh+NpJ6fM8ETvJoitmWWowY5z8gw2ZloQ+7AiEAkhjEwIisWYNHnryg9AWWcZMZCl/P1IkBXZxckgyr7VA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcHCJyCRA9TVsSAnZWagAA9tkQAJaSpK1/IF1PeyS7bEnW\nWjTbzdDvPxchRcK/lhReIAfDkLQircX1ezSxuWjJSJKXhRIrd0JUZTsNwtkh\n8Ls/wQGMlTkZ+WQRRxRMe4ih/vev/wJWHszi2o+EF+7+CKMOhsx+ESnwNYnN\ncXthNiRL5568ZgshzQLm+4CsI4X/jb2JiwbV4s82o7sdyl79IEXjN8Ys9eFE\npeOYZ8AROxSbHWs3AbmEr865RWn60Lsuvn55wiiwGmn7Jd9eikTi6i+dkqDp\nYkFOULr0ufdTBgrw0+qMuXoWDRD24QvcWy3DnCn5LkUIMmizIUrMqpbrFuJj\nzvjjcWncFhAP49DzzhylOrYdEBzJlaVVH2I6aH8eEfT7WTEEtWwCAZO2VsvT\nFnUuK+wXw+DBRJ2orJGMSNKNHlvflRrkDLrNWQ3/uI5OX2sdZclFsDiMj4pl\nRH8yxrCDYjGBQKxki8rbC30EEImtEv2pQGIXSI2rBiPcLS1TUYCsohhNH8Xc\nYID0q14+iG9fx0UeQbekyeGD7xkoKqQtbXEOEBxzHnYFsCeFDOFWJJz4sYtz\n51s9pM8j8h3tVAUhlEp6Ekyq3861L+NFX26e9nFo2GCIicg0D7Pjl/x8m8PZ\nkxHnbb6Bdw7zix9qmUMNKQ2PvpxxK1su21vk8yevAZLHoof382fJ8YgK6fKW\nD9M3\r\n=M2rD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.1","dependencies":{"primer-support":"4.8.0-alpha.15a93353"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.15a93353_1545347697720_0.9440713537682544","host":"s3://npm-registry-packages"}},"1.1.0-alpha.50e7198e":{"name":"primer-pagination","version":"1.1.0-alpha.50e7198e","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.50e7198e","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"ae1b1bf53fc4bc3d803e46f0bf4094d698f2fc85","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.50e7198e.tgz","fileCount":9,"integrity":"sha512-cm3Nx+Z72PO8HbJfN8cMUMs1izG5EAifTFEWZ8Ou6g6s7qSfq0SheQ/eQbXrsAUtcaA+oZ5MSsAiEXbNEh3uVg==","signatures":[{"sig":"MEUCIG38MLY5dVDwnhDaniIzVQ6sy4MDlpKk6fU8QUCsbHZlAiEAsgDg2vZrsH4B/fHNnQiwccziPi1nCZRh6G5UJWJNM9k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcHT08CRA9TVsSAnZWagAAj0MQAInSlwBbRo5vTRzkrBEi\nMcGz2bcSRKKQbYVCFY89K61/Vj//QkgH+Ib2b1bwexxWFY7T+cxQE8LIYGdV\nno5uUaqhr8Zt/Odqy14quAugBcHFljd/gQ+K9TCoOwoWLYJDxDhY7EXjf9Jz\nE7ZMBKTMIbiqx8flh9rMV1uGP4jabVnwWmOiLVuifbkyqalG0Ed0fTB5a+sn\n4Ctdfy9/rz3DMoNHGsmqqPpeBHu+L3C8twXgYv+7A7Vk+5nM1rDx7awQdNFF\n62iuKMvac5XauG0vQdTmj746GwuyZlluI9zPr7litO92yc5NtREjk7vtMs3S\nzmYzhTn+NYBIeKEPbYJ9EhitzDv5g9OmcG8lFlNKmBqnxK6UEfkh7MmxuuWk\n26Yqv6LOWpRwolUPEDNJZrWWCZ/aSQGJtaQt5voPYVlI6tlvYpJNFmp/1znv\nqSkxbRhnWZvIzp98dvb2bLNBdw6NyUjzlbiWdGvHAsosuv7+Hac2737gW5+d\n342+ZHD+iNUPHdp/+tP+YbV+EYrKRgx/Gi5dZKnpiOLOo7hcA3o5DcgblmA0\nyCO4v5/CuRDc7jlJalc+325XHXGzcjIjyHi+gurkmNbG7hEgvtFXLN2ZlAfq\ngNd7BVMJ46rt3FYL5vg68VLl8tBPLgLVMjIEzTNbE8WialBEW0Fp/3mwbxBD\nAi9h\r\n=hx41\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.1","dependencies":{"primer-support":"4.8.0-alpha.50e7198e"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.50e7198e_1545420091664_0.20547395332831875","host":"s3://npm-registry-packages"}},"1.1.0-alpha.6c54e75d":{"name":"primer-pagination","version":"1.1.0-alpha.6c54e75d","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.6c54e75d","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"5dc5ac060e839961f60dbf13b7c4a780daf37c14","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.6c54e75d.tgz","fileCount":9,"integrity":"sha512-GXTB9P+AOej3+g8Pe205ma5hxNpyo0MYTHXE7GpTN1sz3vg7ftEq4GXCPhzhtplG1dJFuvD3dwFFWtJXlD+dbg==","signatures":[{"sig":"MEQCIB9sd6V5ZmGLxaa3FpKQGY7Tnx3Nf735/Ww/fkhP5O71AiBKpG3tA2TioMcQMUvQ2CMXyY0FjWZ17nCtN09WjZbQGA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcHUvsCRA9TVsSAnZWagAA1ckP+wRMjgsyL8OapOskI/Zl\nPIJ5obqPVjiepkkt+E3J/Gu2i99cp3GK1RXhbu1wVaqAtXKsKEIjQM5QYmKP\ni5K43QRWXemYydHUde0Cyaeu9H+xs6k30xaoMHPhVDxGmD52evPjpLzIs0ar\nujfatWHZVPFtb2dXm48Xlch+v8z4Y7V94Jc9D1q0ih7ZWIt5CT6ftxnnqwHb\nFNGFR3EhfcbLMNnDlLI/+2paBiXACp+65VvBG/TwgOKBodPdOgRVtJ2yYzNV\nVCr+GwG9J//G3tLLwvw7Fhs1c7reZJGeG66iXacb//umX0TkRCwSU1B6XDUr\npVIChwB1I8YexHGqlFF7WYN74eo1XG5lzddkjDpypFGmBEQg8OsN14D52OQM\nRsmPcr4KjYScvcO8J/jZR+d3xb/anGdSp5gbh3WaoRjRPR6l6DijLvRSDTia\nNgDtHyrYnOqNuFTAw51mQ6xlR+QCPu8SWw6e79fMplalSVszx8yIMjaNEfeH\nG8oTTRT/jynhTuZ7dKzb7R2e5KnZ7gKF1Sa7evGq3qRFP8IsqthrlWySyX4F\nJmaq/kCPK6YH/4KY52CtjUoprUFkzmG4/Rh00GPAqF6N3mXA1WIqxjAPVChV\nDBt+jjsIFfcjjbhVidQmyrXZPwWPAkjZFGhhS/KRStdat+2QpV7Nd0qRBKex\nm943\r\n=59Cd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.1","dependencies":{"primer-support":"4.8.0-alpha.6c54e75d"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.6c54e75d_1545423851840_0.6291353223854903","host":"s3://npm-registry-packages"}},"1.0.5-rc.5":{"name":"primer-pagination","version":"1.0.5-rc.5","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.5-rc.5","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"7c376ddc68d58d41bb3957ea1fed047944f38222","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.5-rc.5.tgz","fileCount":9,"integrity":"sha512-NG8Wcvd6UGMh2CNRb0j+bdJIgMTfIe/gcrno9A74M+flUYZ1eZ3ipMayRsMr6F7iBJFxMgumRjTr3BuLDASu3w==","signatures":[{"sig":"MEUCIQCSXEDf51BPh3Pb9uJMiNEjJJCV+vk+ZcXrVPBeHoKt9wIgVbzOc8tVjI4HuNwMCXGgBq4UQWtIAoFgrfJSNRwbmv8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14576,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcHWvkCRA9TVsSAnZWagAAkugP/R4aJ/qq2vQFOJ5cSqQM\nsJN/PcV0/fU0t9VpHUUn+T/3SKJncjZUi3QQqeoipLUH8LBPL13oZS7UiTHi\nadXuAdX0D5xdcgo7Bw3KyQDj6lmY5xF1UJUiwL3MQT13cWatqKOTFJROrfkH\nM8N0kfwGdSKV0v8kqcVYbI1ueEbqQ7vR7AgMqUZootaNfi+vfo2aPTHHN43L\nW0hfgqhYsTLTyBt3CMczEcyLNt3ToMHkL8he8FBCEFprAeCcFeo/WZV3zqYN\nHrQuW2TpiOk7l4QI2T44hEEUK8GhSnVTG7fC+Focc9pq/ataq0/gBrkhVdGC\nn5dVPJiPXlEXkaaBiobLwYVSTXJpfeQxYZ7EgZGXF+70wzUGTVZOOJe0jGmu\ndj4F3FtJ8j7rQ2bvnSsSBs7VqRToUvb3afRPjwVwJRf+b64ZK87s6Qv0ZQMQ\nsR0mECQ9W7lDc6U2gItDNDdrVX3mBwHXgoRbVpzH6fU5q6XCYE51pqnKIlfz\nJGLAN5rGHR1Zz/iK7BWW/6V0n+XX1H9szifwKPSjOzNY7Bx52pc/nYFVz52j\n3Jty+Bb5HYWksGTe/zrf9QwSGJU/7B4T9tVl3zwIhbRcvisnauP16nCQr73Q\nNNUfzcmnX1Z6m9s6EXpozcjdP014LENxCMiaNF3PBu2MLXm8n919z4ZFMEI/\nOGoO\r\n=YUae\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.1","dependencies":{"primer-support":"4.7.0-rc.5"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.5-rc.5_1545432035188_0.38127313921484096","host":"s3://npm-registry-packages"}},"1.0.5-rc.6":{"name":"primer-pagination","version":"1.0.5-rc.6","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.5-rc.6","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"e3c58d644fab522bf327f48a5f84afdb549c09a9","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.5-rc.6.tgz","fileCount":9,"integrity":"sha512-7a5cTbgERw/GTBlDN67Q1mE0XQ+lwiLXmPy6OREXCljuRNY1pe7ZpqRY3ivZHCfQPgOdegQ4N1/Yd8AGhxKnjw==","signatures":[{"sig":"MEUCIAEDETfFgkDzvuXA36M2nLuy9zwtdJoAaQfSl8S/35nYAiEAyX2QfjrYe9MO8GH0fM6U10ktWcQN7p5wZ7olQCDo9qg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14576,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcHW1ECRA9TVsSAnZWagAA8fkP/3ZBdvQgYKlYMqUvU7C3\nWOTm+/IPY6MgmqZhJCEu2IQOfcYKrdG5wYITm0twEjXyGkrg+FE5eESKZ5r/\nQgo9YHOPB8gVnaHtB5gYUtMBFDMJ5QmRQrwl8TWvaq3VHasgoJSBOc/NmYn9\nLhNS2cchbMu/M6TA41qp8W1TSiJTzlb9COuDX+AnKlHKvpqYTcT2kzl0o+RC\n4tg3l0EGKS78/Nc1Id2aAHUNiFjtkxZTa4R/h1K2ZX8lgevHqgu6yE726P64\nW5hX574EhygydQWFLlplZ5epcPaRp9bts8t0lW5hqwmpny1PNQkbtWAsJ2Wk\nfo94ZJwHI725PuZA6LTtgjWwYpmdVtYczwv4ExccbpM6W3SCzM6F8v0iNw2w\n218LZWU50c3LXitAkZpYtsHhUaZDT4YHbkC1vTjTLE5dk5ypoVRDlusP9ctu\nWJDOQtt44/dAflmqc9Sb0Akxd9nDcqXre/R616ZVMXNaeIWfTT/XdW4VWgxB\nD2ULxWli06B9Xolbhy7gY1+XVyXDqMTlr1xZ3zYZqkC5RYJFB0YvPKYgX33W\n+n0vewxhWX5WWZ5+4gDRzeDjRksohb+liTBHJwreu4/GzgJE8kQDdspiU9Od\n/tD+QewcjCBhVTM6A8Vk/mEigG4R9lPb2NkGQgl6Ic4i7+ERKJsF5MyeoRjL\n2+qS\r\n=Ac2R\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.1","dependencies":{"primer-support":"4.7.0-rc.6"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.5-rc.6_1545432381194_0.7587006661087792","host":"s3://npm-registry-packages"}},"1.0.6-rc.0":{"name":"primer-pagination","version":"1.0.6-rc.0","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.6-rc.0","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"12b8ffd80451e2fdee8acfa20ebbd767c98a31c8","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.6-rc.0.tgz","fileCount":9,"integrity":"sha512-6QPyB3Hfmw9oxGo2snSubxyTILi9dOFMU3R8t+coXZw+5ubdndPipJ6frhu+qtxlRRd9EtFapaAXVJH8BOBgWA==","signatures":[{"sig":"MEYCIQC4Cg2L8M0XXa+w9JTFQY/Wv3Z/vx5saLUICBMNUuP4sgIhAMbt4KTUYrZjMY60uhZZscoOUy9D/vxSa0GdEDN1uqbd","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14576,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcHXBFCRA9TVsSAnZWagAAJn4QAIc/5uHCOg+uAQz8hQRl\n+8q+ccseIPMnOmL/HIz3l/Ed2Daq1Bc9vkPHpTpVEMgmLSVPCMfFQO9ZVw/4\nd9bOvJjJHHdnZK2lf83OXHbg07kHGTXiDt8OjFmIwhMFFS0CLRa5Ha4Oq7kT\nUU8S+LgvpHfWtNY19MHuoF9EBbEGo5uXeV07EVL/oXjaU66ZbOT9SvZYvWSg\nWlWyzQD3h5HKOLmxwXFqPCP/Ovi7mNtBsim76wfbZySYlvcu+yjJwEInFsTG\nMA4tKtCaG+KeWh6kssWQl3Odetf5yP/hgKb97pLFz860Y9VQtP0IOlH/iUEI\nMZvkWQZWQkxt4SFYJN9vrJZ3bShiIsU2GfR9G0QTzKEV8MBMjcX2swujC2JY\nh6aOAlAX6orlfvVpwjJuja9BfdbCSoQ+bNDaywzfT/dH7sEGCT19WMMbZ993\nf9vW2jdW9p4OIqTk76Re7WoS75KK2TLdvGIw/glCgrgjnw3c7kBtnVGGT4CJ\nnKvTapeaU1ywy8yMskPVUoQ4dnXUahYvqQ5lk8RyL8m4H8gvyqU2m3WyaEm0\ntN0JGXi46+E84Ltu6XYCTzxP6o3RfgoPCm5mEQglCq9xOwAST8kb4ZzU1w3V\nz/SFWoVRv3Mc+FzJANdAJdMPnBeQb6pTwLvaivU7wHBFoW0VQrZSEyz7kJQM\nzqMJ\r\n=Rfwe\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.1","dependencies":{"primer-support":"4.7.1-rc.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.6-rc.0_1545433156216_0.636588554796208","host":"s3://npm-registry-packages"}},"1.0.6-rc.1":{"name":"primer-pagination","version":"1.0.6-rc.1","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.6-rc.1","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"8886410004537d5df42a4df91e1d9f3eda04e9bf","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.6-rc.1.tgz","fileCount":9,"integrity":"sha512-CBCw1FRwDpNdr96rnwp9B1bQptxcOb0dDVKjBprTxV1MDJbmZfeWCuy3mNw02OjGoJSxCPfmBS66v/pVkTylzg==","signatures":[{"sig":"MEUCIAluB0hWCzWcRbGPSk/jcDE+InnC884D1kcv3cgGt65gAiEA4/5NuCr2c2oZs8UiQDxgXIb5xEs15ygeyeztMx0YfG0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14576,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcHXIOCRA9TVsSAnZWagAA6DMP/1C54BzuT9ZMokQbtKcW\nyIN9gDuS/r+bq7qv0S6QnKBMxNH6/FeQpi+eMHchFLKQbZt5vgUabUPxEUzU\nw1XPMOb+DeQ0RffaozOtUH7K0txY03SWdey/GnRvR8ls/E+s1Q/9K6OnDrc6\nJaDJBSz7VptQGSX67Up7vKnJg59PW2i48qc5sQsN6z3fGsAOlDNh0uuyNQXX\nEp/aF0Dmqb+zTAXUslZHc/nGyMfxv9B+V59Qyu1tOYT6UTWt8q3cr1VM+f5d\nn8QLFu551P8fonBF947k+CkXKSqP9eSJR7h4oDSde6Wmvw1mAj2AAQ+6XNg3\nKOeMvFNIsaUNorKIP/+Q9qSPNy+SJHCpVOplkdWHNFsezIctV2QP7+4K+m51\nxhlY5IzlIIDcEu1YZSvS9D9nPm6tHThsYv9nscEMRYdYiSt+r8x45aFz3gse\nbdMwoSR8Tx4/z7jrmsWaBEs2nxc/bOim94907gc/mZyaHCIkHEiEvz+Bdi0W\nsbMMkD9B9qBUsJ2WUPWZwRCJyXla/R9W4tRwDSX6mLKjDcUkCZPMjnynSgc0\nZM1f0nl59cnjVQTviGjQstcmT8V+TyQfkpoBSRZ/JFBgWWjzVdDu1eC2SdE7\nhgi1dMrBF7fJEeI89Cb0J8Q7xw6Z2AWYNDCH3vqwyoMaLn8NDi5VlkEiuKsA\nOGiA\r\n=xpr2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.14.1","dependencies":{"primer-support":"4.7.1-rc.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.6-rc.1_1545433606760_0.7664642607219871","host":"s3://npm-registry-packages"}},"1.1.0-alpha.856f95ca":{"name":"primer-pagination","version":"1.1.0-alpha.856f95ca","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.856f95ca","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"be10d4dfd24ea3e3affde4a3d8d6836288098f72","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.856f95ca.tgz","fileCount":9,"integrity":"sha512-mJjMRulHAy9Ck2eAzsU+AlFyYvkcyEtyayMGAiMxSjanT2nY7Bl3nLLXUAgMghk2Lc7xVD8AkvmDVtiIbHB/Tw==","signatures":[{"sig":"MEUCIQC3TuPFVEehu2MjnaNorVYygh7s2GHB/WAw+tfROTnrvwIgEZCV2AXbMPjQ7a2nUCMLv8a5BkZry/h7tTKxG+/h1K0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcLVi7CRA9TVsSAnZWagAABUsP/iIlnNVeiVJkDJaVfPMn\n3BFTZV06MXThC21uDB8a3n+CiUvgq91iHiu0kMuziueUAtx3e6WhuLJh/2Sx\nZQX/sFLo58B+777gBLrZwVdqp39/eXLdzSnY886wizjzISVpG0knJuCNXlia\nRjxqvShDrl1CGhp55FxODHH8R6kpcE+23/s0VMWGObOEH8Vjim6lZ48To7v5\nchLk30RDP5JF26rGzIYvkPOesuhUTxMERmfJqIaOeIjoMxRYTP8lWrFcY8jD\nMurNxJjZipcxUZK7s+SbpJzcbKTieaycZN27gSbUqIZU37lvcTggOB3rmDlF\nIQ+O5kvoJ6A5uzef0eXpuYY92SqqlMsTZxAVo/Zg8rDOPkioz7R/XRXmIWdY\nl4wxZHLCT8iWwCsBUvRLCpkkWRbo2jNvpecBIOehhdYJFIJFXNnprr/kagT6\nKcKdEjPqMjRkHaMBwi3kqd3TxVBh8Ww1lUl+wzTrnco5h5b9g8MhPXu1TKyI\nUBHWeHJ6hDiWrb5gnZGrJ77INq5pxZRhXLwQODc2nMjMToJtEWw4hsDZbviw\ncu3C9a8iJiR/tmnKvyINi6EM2WRsJdBCbTdUUQpESZKt2SwqTkdg/eXBDqNp\nt/pw4sZVorycllyoRIx7wSrDLYHn3MzpFmRY0TxC9K4eIPA/hd8G70c0wez3\nsn8y\r\n=0Bvq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"5.6.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.11.3","dependencies":{"primer-support":"4.8.0-alpha.856f95ca"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.856f95ca_1546475707068_0.8130932248737157","host":"s3://npm-registry-packages"}},"1.1.0-alpha.2bb3a027":{"name":"primer-pagination","version":"1.1.0-alpha.2bb3a027","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.2bb3a027","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"690c55a7e52619ebdf537955a6f28061c9636966","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.2bb3a027.tgz","fileCount":9,"integrity":"sha512-ffUtAaIdcXC0No8bUYVgxg3aLVRiJn6p1VF3zwAagpOmx7WiCCQ/qx2StidojOkmA4wfJliTH4bls0cGRY4bmw==","signatures":[{"sig":"MEYCIQC9RVVm9pY3s8Qt/Ls//HNnBcTQCggvZ4bjLf4ujdGsEwIhAPvaOKwM0YNNodAXPbTPqiOShU1BXhiM7tpTt/0sMnQO","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcLaRwCRA9TVsSAnZWagAAZboP/iZ4nI/G9Lk1UrPmC1vJ\nS766X3mmJKDaXSmEOkV8dQ64aoLapAIVrAJWia2c05y9IPpDyGS5FbDKKAmI\nurefzpAYyc6yngUFocfTabPqKmlOlhFbtbHyPDthf0AtzjMiRMo8uPhaSLsr\nkfkbFqpNuj3DskeU8R74FrMqzWWZPVzuR80BVtehog24n7FYl66jGuKz0Od9\n32s/TfSHosRQ28HeAzCkAKzcpvCTjL9ZyarhdZOE7eDB3hlg2lSjkmjerYRF\nj5bUWFtGRc43Sz+3T81DyqRi2Na+KfVfgoiPtlP+pHflTTpAvk+MF/BDuUe+\nuvBg2vURqycHHEbiCIocB6f+QKzwR+x3pWVJhnYgPOf9G2piNUIyGMfNCTXD\nqbXTdi6By26GzRcEJ6LHrG6VD4RGdlYhLNGlhUOaB6PVJpzH8oLsYhmX3I4r\ncpL8dBDCzMPFjpC3c0tMTzo8qQoBETGPcGLGxXYFRtRzvdP5lBv+8EsfGn0f\ne1npB2QYwMGMLxitLSZXxnfLRdOh2tN2UJZAKcNiyqA2vxfPw2nANM1OzeRr\nqpzAKo3LNi/ltuZKPW8x9FGFkg9RrPQIkeIA/eDCqnaauwFcOnNRRjT4hLe5\n3Zl8v1N+arbOOgbpnGfQUCTxgr5u/HtOhc5lSjRIT0r4bvK0CcjaEc25bPGj\n34Fv\r\n=B/GP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.2bb3a027"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.2bb3a027_1546495087504_0.09685849665136348","host":"s3://npm-registry-packages"}},"1.1.0-alpha.5862b25f":{"name":"primer-pagination","version":"1.1.0-alpha.5862b25f","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.5862b25f","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"4dd0daa11e7854843852e3e48eed65946af4c2d8","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.5862b25f.tgz","fileCount":9,"integrity":"sha512-rXs5mhIRquHQMiM49APv+GgzSTGQv5YdQcsKteMMBpB6kt4iLplzJQ1e+JvouoR5Mhjs9mQBN6QqpDx2PgyJ7Q==","signatures":[{"sig":"MEUCIQDr4H9u/C+VN4xpKvmBSwzRNlAwBNLBem2mWixDsekWlAIgLR9dEpvoyZsnLYOIWVXVSO+LwlC06DmMabi4F69QSnA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcLaiFCRA9TVsSAnZWagAAXXUP/AuHZdLBiA72CIMtY615\nOUUEs7c8I19Y8c9xWsRm7DH8OlB/Nf0nyQ+TWn4PHwa8u/dgZaJKeseqToEH\nOowP4pdU4zrkR05JLEK2EVzbI/5LNv2hwMqSXoiNL7aAc/WtiJ19GODfGZ8y\nLSC+XObeKDWw90B+/zEiM6eLr3Gk7p6NumVAezKkW/xdsA8e50I2zLKliBmN\nAjpvLCn/j5RvhdSBzkMsl88l30A8meRaYYCcHI5bKBNFRi+pVPeItfq177IJ\nysNliXC9Lfi2Eaj33cCqLql5SDbAljv5kkIlMhXHhD3SCmPO0EEDyam+mybB\ne+26I9Oqtn94DUVqqq+Bk8XfVSSrDyODODTubsiQJ1UR8cSTBE9ftTW8gtWC\nqAPYFu/ANrs2zsKGH6790Earx+T9nk8b8W+rrIjL0nS0qME2qE9Pg4wh886f\ni3vGbkTnDbTZ2dFifEEEyrhFf5Kt1Fw4Isc1csBZHvU+Gyjc0W2oZwau0iV0\nCwf5wAnaXHtJxVR9Xe+TKGEjB+TzURrexJD1fj/sWM6PNpt+9RHYdUkLYZEy\n9WOydRRhj9bM7dOe0epRvtOm+BXqfurZN3n+4bn4GEHpxtcYKrLVOUFkqTEl\nqWsrQ9L0Fx79zjP9ed6bxnc73ky7PizKMVKrpoC4OsXKR0YVWYiSVwFtrejP\nrJX/\r\n=SoAN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.5862b25f"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.5862b25f_1546496132984_0.4938810451457112","host":"s3://npm-registry-packages"}},"1.1.0-alpha.ee297c75":{"name":"primer-pagination","version":"1.1.0-alpha.ee297c75","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.ee297c75","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"0c123770d845633b9ded7139004554fb31868906","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.ee297c75.tgz","fileCount":9,"integrity":"sha512-5fhOj1xcZSkue7u4zgNZjjnQriOLzmkUvwvX+lyAouSe8yT1hx7RR+ue6ZBMMbKR5ZN1XR0koVvZTpCGExtSOA==","signatures":[{"sig":"MEQCIDnM3oayE1IxC4HPTmBTiOVM76G2vc7ftO6mZc97s5gvAiAvU5rRDktnbCInxLwwBsHmqqRTut7nwiXfFgLGWxbNQg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcLbLpCRA9TVsSAnZWagAAZYkP/iGrRmWFfQLWjwM7/hHV\nhoPowWCQ+NuO8LWGzm9Iqm9H9SiO0YapQx/8htE3w7TYvCfZEJmkq5IOkIpg\nSmgv+e/5rUcI0KAD6FDewcdAxYCqc5Fx0JLu+T592SI5ke6HrbGwGQnh/d5z\nbqMkL6WqRUNaQE5jCS5fuvr5ULXUGUO1zINfQrvlzZ1V1TXbeq2XPX4cBEOT\nz2BGQNyC8Lhju/CG3gHOHBwV3WQrMHyr3DLaKaC2tqcdosSoX6wtDeSC0ib7\n3pO7d3BCYeEZA9mhIka+g/akg16/ED00ZrD8AlfuKf0RPsonSiD60JENfcTV\nTQBSU+zwt6rgrgnF72Dr5M8BErc0k6s+4ZYIxEiUfDW/7BjqDr4NnmsAiKEQ\nbd4zezUxJsIv3os9Bq0LwESI73j4l7Eb44weNo7j8gNrpebvjtysGuV6Cdgn\nDijykg1WZLLxMlSiscGBbupJP6H9oDZfRnNzQC8pGa6q1u17DD9FdpdXv+fJ\nTk9AUg9Lz0ak7EogCrkzM0qyFmTnIEtKci0toC5Ko1qexXyEnDDzV+U/P7p4\nGobFV+zN6TSynsiG9viV72cb1O61AplqrliONKaismM++JRVQMJLg5hBlNgz\nex0njJ4uNwWg+xpE4bU7FO4YCv/Namzu71E9iKDdBDBuAwChvJXsAEDZYfRK\n2C01\r\n=1mSP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.ee297c75"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.ee297c75_1546498793144_0.6559701251575347","host":"s3://npm-registry-packages"}},"1.1.0-alpha.413e9cf2":{"name":"primer-pagination","version":"1.1.0-alpha.413e9cf2","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.413e9cf2","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"ee0bb3fbed9a5559b54c55d1cc321e845cefac06","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.413e9cf2.tgz","fileCount":9,"integrity":"sha512-veQf96DFskugdV0xDTT8QGScNuGQg/PAy1LnSX8My1+aPAU1lpdaywm9njC4HCC5jp8+yQ+MIKwiK4dtzS8SZQ==","signatures":[{"sig":"MEQCICKV7qvelyRZFI9IvgSSUbGofbvkX6YPVtAN8qplnk9jAiA11r/blBFxtV0szvhTGTYlC5KKZMv0hzJfKYFO08jyMA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcLimzCRA9TVsSAnZWagAA59sP+wY/w6oEG9B8cYJNRnGF\nCKwPwdA9gVsGMlvE7QbgBeP4J4zLwa7YJNLGwm25J/qMcFIeTWeUKv3zl+Yz\nslHF8fKzVW2AObNYSs/3rguphtkQYKvmeq9542e2fWRG0jySdAKfoiG3RaVH\nJSObWVjdQjLWleCic6YD6lsa8k70XJBNYajwmKCp5DkRHuh3FAAqZOSOtrAP\nIy17TVxBmcxi4FygHf9YB8MmnjZhGzA5TrNYZIyWtc8Z8r9pRUuiTh5/5LnW\nSnJUHbSIPSkvtkGvSfSXs3KDPeYWdG0Zqsv6pCS5F+l0PttSrB2gOglOJqT3\n1UQxkUZQjZbE5H8ikbJ2m6HYjbMczYYhAQW5wexEhgj03mjoCtJpfTlCMNPX\niBvRLQTU7gQhSo3bvZX5YaC8OVmqYAXHUdQ+LpVPV5ljVKbq3vrqdMbI3MFi\nA49aU+QXSx9WRYQPpAWCKZy0m11Ezwsdd9pWvN7tQ2E8QufliKYQFyK+5Dd3\nS8Oh+v6JPD7aj5DArHjr1eZ2v13s1b8m1lRo62pQjhxwbFXZT/AeDb6YtQPa\nu9N0LZaIbiCRPkdBUsntoMQvc4xo6PzfC3nHHPTPPN3Cz5ggDXlkTVw1rFoW\nvw8r9RuK15DDq9eZ/ANNTxgBtXrXm0O3Zt4+03mKcv7icFZWR3XLW07OLhJH\nu31Y\r\n=gvLV\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.413e9cf2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.413e9cf2_1546529202673_0.41794994985687994","host":"s3://npm-registry-packages"}},"1.1.0-alpha.1092c5ae":{"name":"primer-pagination","version":"1.1.0-alpha.1092c5ae","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.1092c5ae","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"1ed4d3a3f151d4c90f4f4ef883d1e662aa13fc9e","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.1092c5ae.tgz","fileCount":9,"integrity":"sha512-3NilYJ3g8E/UyLzdKcEZdr6uYWFemlBKAztb2uLvUCzlnKnASPGGl3erUew7PQ3RpY9LeunfJ55le1eYs1tUEw==","signatures":[{"sig":"MEUCIAxYuGhWi0evJFP2t1emrF9tmCwVC9+46O/MZHL35XioAiEAzl5uJl5GLdn5Al3fW+HnUWg/54Z0IFpz3AG/yTxjlYI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcL6Y0CRA9TVsSAnZWagAAJUkP/1nHJ/ze2hb/A35hQXme\nvyn+wsgky7EpwcMoafa5nX6hkXxCsO9rOS9FG459xfCN/xiFkfFMB5Zw/0aC\nRrUmZEZiE2CxoVuBcHQFyuNaY+d8yDBsoMvfNl3FKOMNYBETYGnDf1yKcIdG\noYW5EEgHEo0n6kTECMV6bZsJDXKJHPYK+KSvEx4sYZxOn8Jt+jv5m2/wQkU/\ng5OZETcMI9dNlCJUBBCCZkyBmMa8iqF0vhVsmhVOxuqPsUyE+qeLfMnahdL5\nV4G2JhDbl5rigcrCvU2uqmVIovX3gFFV1AeJYmaGuT2dqIubF4mKzg7YVPa4\nA2FKTDIfMkiMv4OM+lVIVJlPpotJyDqtPfoCBrzsvc+0tsQ1HFSOvDrFRxzg\nkjAJggCeI7Yl8+ZskrkRLsEPwWx2IA2YTU38DTaxVIEyMpIC5niYoFarws+O\nntcSZ0Atgu0dme3M6a96kV+Kp15l6bZ22fe+wCOkMWAXqA+EyGMe7vqGieYV\nCuPDD4fox2DPdy/CUv2qY3nYXe7rWXs78V3k6VQTfB1MF3s3klKyeX0ae2Yy\n+SV/4XH0Cfefk31Ieut/6A9EETxTarOJereBc7IkibkYGHJjsC0aTlXRQ0SO\nF4jmaKINgjacy0j/kGzgaRj/sr1dzJXS5623xJ8/OhXonCY/dydrEGorVOLg\n2aCB\r\n=z++L\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.1092c5ae"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.1092c5ae_1546626611458_0.7857554243295675","host":"s3://npm-registry-packages"}},"1.1.0-alpha.d2790373":{"name":"primer-pagination","version":"1.1.0-alpha.d2790373","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.d2790373","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"1cd85a0e4ad8101141742ab865f3a875b3e278b6","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.d2790373.tgz","fileCount":9,"integrity":"sha512-qHaF0pDTUK3Rx4HBlbe7LSSC7MhmS5pzixH8F+HRVYAOrYO8B9SaLe1j6lJWagyMbTx9fflHdfzfKsQ7xsRhiQ==","signatures":[{"sig":"MEUCIH4Q5w8+y+gpy2gsIBxL44STZv4NOLhzIHUfsAH97S5iAiEAwlJWHCdJ5c3mHNCaZVLRyCXzhwFoKIHQaTNCI16LYNc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcL6e+CRA9TVsSAnZWagAAhooQAKRu0XNYGvE/itBhleYJ\nkUvUqv5P9eF9CJfHRO/Ds8xvp3s797740vRWf6mYWb1o4BAeHjsB9098xP9Z\nqNVnRj9uGHhPkOzHv5CZu7eFlEOGSg187mihNtdAORBl19vizh7Uw0H41eEb\nJnndPkQ3ZoATYCuBbK4rAx3OwqEBb2vCE0Fyp0//0K9WGzvXKgfKzYt30lO5\nRJ7uXa0TfhPJ5GiiUZMYBxIpvQa66OYV/gPw6YF5d6QBUxu2nEKgnArwDtLQ\ngi6iV5uTQF1KTrtGfhElizW7KFd9XZdAHk0AY4k1pHBAWxV9sMeEUjbM4y3j\nrMMruT/lwBpj6OO+qWRUy1/MeKq+tVYBURDtipemNiP48oAq/RMGfhNutulF\nFs2PRkFM8CM8sEkevqizlj2NUgNPCKGrsLOb1arOWOhVqkj6C6o7Zz6w4AJo\neIZFbtFm51oVfY3Gkfzz3QzvE2741lhAqDpnJ2TLIz0jPqGEBH7CZYCQWakW\nSNHm0vjgxR+zny5nf5Kr0te7yO4QrG4YBXnaHrxnhjByRy0KoETn1KJ5cOFx\ns3dzMiznxOAdBRkZ29uZXptSMUbMExlNF0VHwoHXFcrzdrNWS4hCRxPi4Oqv\nFWNuccV1X46Dg1qOAruDTmsQ6mh3qF/Gvp62P3W+BuU/BQn0o7gzh2CzxofF\nMVnE\r\n=J5/n\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.d2790373"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.d2790373_1546627006089_0.5932808133086602","host":"s3://npm-registry-packages"}},"1.1.0-alpha.f83c67be":{"name":"primer-pagination","version":"1.1.0-alpha.f83c67be","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.f83c67be","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"45848cc2d9ce92f7f8413a41de2ee043a28ee293","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.f83c67be.tgz","fileCount":9,"integrity":"sha512-9IcmYOW3GLKVsen0whEURvlAvQNb548hV5HVift2SGt2XYu7M2LqRauOPRIGOfcFZon+gr8Tnjsxf62LSfRmhg==","signatures":[{"sig":"MEYCIQDWuCrAqMH8j6Qb80zTiTW7AvrRUKjufhPgckn5x2EjZAIhALsnAk9A/4XjY1/v82zKH6cYNHNtarYQhsKMsEiFZEtm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcL6u4CRA9TVsSAnZWagAAwu4P+QFi/0XJMhrihzpi1LsL\nw3TMaxW92aLZUKGUl+F772zopUHZsWqjT869HGEMtGaq6ILYpD8ESQ0ESmOI\nrZjJR317CpLPvaN7K9BOd4mJxSRhD0xW0+iWAgIrr8q2JWW1fTWLpRQ9e0DL\nqMbCxNKLt6SbkyrxBN74d3yMr5P2bJl8HN15s0SdvO/EbpXd+he5YyNho6Lb\nhKc7prL7XGbIiE6Nlg8SCrdGctCmYvDb33VUiSMEMCtxpwPwZ5XVE8Xf8onv\nJvzhJApYV4y5weQW60xGRMWN1hvXjuVRkKkN3dCGksGCE820fKfJW6stCu10\nKcZ21dXwWmx/UelX2aQtmiuXWIHzPZjgHyXpNCjbSMY2aPnq34kJ9BVS4H72\nFAlc0axqMYPInJW4IzFdTCtdm3JPuzt76rJqG5KBcXx/uwtGrPaM0QbxywAI\nb9Au7AshBd2HsvhjBPV3naec4ZInbGmMlKDRQT2w7+G0tYtVAnlunbgDyvvM\nIJo71P+R/UPvx1AImdOunHGqwvRYo8WtWti743k/GeOjClTMeWKLjiWL/RO9\n10NA8o/defvyH5YTZc5fkMPTGYE0KV6bwaF9m1cIrojaCz/gR5NgGFFXoQe3\ntnajLfnd8sAuzR/5O3PYABQ+l58L3+28miFKU7ObgUpojBLUU5R94B3znNTT\nFJ78\r\n=nISL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.f83c67be"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.f83c67be_1546628023847_0.6820973817871343","host":"s3://npm-registry-packages"}},"1.1.0-alpha.e7242c1b":{"name":"primer-pagination","version":"1.1.0-alpha.e7242c1b","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.e7242c1b","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"0dc6d1fd3fb0d693cb0a89508ff1a7ba9bd1de7a","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.e7242c1b.tgz","fileCount":9,"integrity":"sha512-en3GOlKafjfEBsFu4ssihhuE1jqgrVvH1WQBJS5ZvKFrQHLAhypsRpHg0r2z9paJd6H/20BC1goM03aenPEnpg==","signatures":[{"sig":"MEUCIQCE10VMpTHzjNVaStBFgG9f0P9RxD+V184fs54CQ2VplQIgajf15hmuiugvM3BWo2ftsHdFRHQWNTR6reKx4DTTwHA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcL69gCRA9TVsSAnZWagAA5uMP/3w0uO3ed9KJxKOeuKAc\neqkP2P3OhcTnXcu1I+yi4JBPzGKtHFG9UQAeO+ZK1LdJwoL7SybdVigC2CrK\nP0+jkrmDnyl0YZLMojz8d53zLprsVvuOR2pA4ZN9CbVJWFhXejHuTA5oM2m5\n89YxxS6O86kUpmRHMJ8ZTv8ourf6z2ODDxJnLpDgOAd5PQkwIYzmIEqmMd+e\nCoY2LGhSkWStVHKNDgL84sl4UNOBTucLsN6S8I8b2HZ9riNVr+JSeJ5IpoIY\nIXFUl7SYETlfc6ZBZ2jrHrcYTg0FMJunnQzKPD4nh0eGfWT4WAC6y+nWEcij\nd7aFEtZoHf6yIvSZihVXOCb7UbwMBwdBLzQCO8CvmOtMUe8xY67QK3LuR1Go\nJehmk0QvVWEJwePYHNjJ4YdLZc/mPIzP4N2+Eiaw3qHoHywlXcafe4gG6Rkx\nPx1ZytKEj5SXJSVh3OESJyzEongusJh9iR/p/RAYe2JewS4SdtSMJWBJbXCB\nx27DbZlukIOxtACnS9iisdqJfA1gBRI+o3NSMnAY6ZvlHBQfwlry8hGlOwDc\n2UySDYcGkoRD1eczdyyLayHmsKT0i/TA7L2RS2rj46AciTx9ZJCsrFr6DQQ2\nhiaz6/+emHbHTSDLE9bycbGePSYvvG7CNqnrfUvCo0At5Nl8++MQ0vSOKQet\nCDqh\r\n=E3MS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.e7242c1b"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.e7242c1b_1546628959850_0.5761379554181165","host":"s3://npm-registry-packages"}},"1.1.0-alpha.3e5ab64a":{"name":"primer-pagination","version":"1.1.0-alpha.3e5ab64a","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.3e5ab64a","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"ef7e3ae27c82cfaf3b8f9ad51760a9992085cf56","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.3e5ab64a.tgz","fileCount":9,"integrity":"sha512-adHhaUX9zlo7rY7z6L/I331ci0C2Bu9qFMHWZmDzwWXoe0cgOAZ8EaShGWelAyOHnPSJJQzhi9i8chxZ1YJqig==","signatures":[{"sig":"MEQCIFfG3HYuZJBVhqGRBd4O/REbHjSRz1K21icM7VZJZixgAiB2/nhZypp1rzuOt5I4RzQXVxtVFRXA/e43CqPzCh5oFw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcL7mxCRA9TVsSAnZWagAAD98P/2Zzk6IASZqfaY8zCTK7\ny9JFzpyrJqZCwfE13AMIPOE8vpJHrdbuPKDcx0Ab/BUUd4sf/tLX6n0nxKLy\n0ROfk0s5QoLFf1lX2YK+Ea1/REGQh9ilz5tWLpTEnTG0avAdWrYRWZP056s7\nnD8RJ6CClDGSlFPYN0EUkcZzhjtg6l8qm6pXjplx89hyHzGaQ2Nc/Xmu00Xr\nDeK4PF9qaHZkqOm92i1i73mm3GhqE7TCa8Xa+6MVfsu0Yi9L8hguWu4F743P\nqqhTgtl0weN1LOosjZ1NajRx1oHvXyu9VwHObueftnA+TzB8kfNILxhNLtd4\nMzGK5VyzK90o1VebbRbs2CTaCGrlNFNdP3BXLm6sVl5VjBKAv9xbhnYwbOYS\n1NcqzT9ijq2TSGlsFkNz8wYZEkGTDQxTp2WvSEmLn4HT0aMv++ooDKzBesKm\na+XVKUGjRoVQIO/cnEt5Y+pIhcYPx3m6gdzsp1he/QsKsGHCsaYILy+LQcfu\najm88TUOE6T9xcFSKemHDApAmdPuKxeI2GuOncILTilblgbY9ivmT/nzNq0t\nNsoF+mqT1B2AXPxBcj7sSrlw+4TH+WG8abgmmpGWFKULd7SGnO7p2wbUZC6I\nHMZ7n7yWS1b04M8l74g8wcyc6dMWgqpmWDIML76nO17VVpou93pokZY+oVmF\n8kPy\r\n=SDfn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.3e5ab64a"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.3e5ab64a_1546631601106_0.4124920734241908","host":"s3://npm-registry-packages"}},"1.1.0-alpha.e7877054":{"name":"primer-pagination","version":"1.1.0-alpha.e7877054","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.e7877054","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"117eda889ac5ffc62c6b08c2681adf44cd66fb21","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.e7877054.tgz","fileCount":9,"integrity":"sha512-c6c8u8we3m7YJxpZdDANOPeSREO3G6wBnb7r6TaZ7eTR7Vv0bvaNnxtevN+DmuEmsLvdS553R0wDg40URI9JZQ==","signatures":[{"sig":"MEQCID31iqpGsVmUITxuD5BKIeYHtz5yeQNqu8Mn/dm3HRFRAiA0FzpP07Qozw6XocwCWTg7Eri1hOCNw+RriJLdMavgkQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcL704CRA9TVsSAnZWagAAtIAP/33p5oeX0ur+Wy5WFDrw\n+vtOXcxS8wVJ2yOtqSaU+Ios6CDUYMcgMo2f7wP04A3bnRH7CwZxvy/bnHIF\n+w0eo/wv8eITz0h0jW0I1/jMz687NwbuJuQEN7hue+yryb8ZsMUHAR8atR8T\nmOFjORS1B0EmTcmL64GHGhBFO4HUw6aKNNH9OaLUr5x/EZt7RN3HhfjkEhL+\nOaE/EDDL7lAYEzzEj7nhpoOvkgAxq3a5VMyZkLcmbP+fu2lBEwZHIjcWzI0D\nnkQ2kKZj/BLp6DlPEH0XP4P3SKGBxfYh2UKFurWdAhRyRNxe8x8J6w8WdCB0\ndwJmU2IQrp6Nfi8SfknBlYMAXiR0wcI9omD+Ao6PkrqD2PBx3LlWkMDfwphz\nqFNeRWYT1JTv1z7+YrDntQeDzmp8y0nNyUl1BLx1+gtEcKVu49e1kHTGsxt/\np324tQ0zNsE2YZIy//arHgVCHSRHl578ugf8j0j8ENHbvHR+Azw3pC2uxK6W\n1LbidZOra9fAr2N6QBTLbxePr9TB+XuTJGPKrMWSo7JzuFgvw2RKD/Ol3orf\n8NBSJKhs0awWAMg1Kh9Fs+a5LANenbHB7mtvZjOsxJYQ2I6QxD/eaDEnO8Jz\n92/8/Op9oVY7YBfSk5uZfE19RWRHpMYv1pbx0QZVlTi+9Vkh/BRgQmGYTCry\nZeyB\r\n=iBxu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.e7877054"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.e7877054_1546632503812_0.754872886560787","host":"s3://npm-registry-packages"}},"1.1.0-alpha.0b0648ab":{"name":"primer-pagination","version":"1.1.0-alpha.0b0648ab","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.0b0648ab","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"ba9e11fd558f741bd4d66841cab01bd6d2b5dde2","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.0b0648ab.tgz","fileCount":9,"integrity":"sha512-Q2dhbyG4ZN75mMNytuzEmYQVL+QfuDxaE5BhWYtb8BfOdFVg817MWUyBeTBpw2A3KocMU1c79Hn9WncDBuFYDg==","signatures":[{"sig":"MEYCIQCKqBnpwFtNKHoody5NoO5IROu3eWTWcjLAsxc2W9jmCwIhAISp5RrImh30vdMUtjJKPaQ0dQ+asaLZmmiYV7+hyQOs","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcL8xmCRA9TVsSAnZWagAA6JgQAJHyfHrHhZGDHoRc4708\nHbwRvHzYDVbEjqOrnRcS0I9HFzXYOrTW4bnak3Fbs43cA0iPilPAVzyWe+JP\n/dRrkwrKo3owKdmEZop66J3VmsNGGcnrl8uxSCDSrIXg6YkafX/xTzIJ+kto\nhCpFbxOSGmtMZ+N+vAmfjub350aqi/P35zxCk7W3jHn0Ge592zOekrh0MOTE\nUhu9OpOaZmMl7VNo0VRKrb1DWePR3EhQTHkFCHXkzKjCrwZlxvPho+rHa/EH\nj7GTmxMrK5OTlq2pRDz6Imj2XfQVgBhAucnFqxHDPizFWw7d1d2uUs+Ng8gh\nxJXnixgdHV3vJqjj9SfH7pR31d11ycTYB1wmYpI6ZRjdAbdrOYyK5Kylt1TC\nYIw1R0gCDywjr73/UYE7hSBdV4hBcAEY9iRO2yzQeOeVEKKnB42aimNNqmNf\nPeNohzDBw3hJKGeJYL0eNkcNFtPzIdPQiwtWNCiVyl5yYAjRfc+PNULX6HoK\nufcAsW2mskGzWrpOpzo6FYjcbMzGfZfQdTU/lVJX5a7NjLaG4qC8RRO59G6d\n3sSg0PJGiI25qP5Z3VZ4Eni4VO9jFU3E5Pebwyie4HhBemS+7U6jgVeipqaY\n+esiD05KK8lO0eyj/S+ttao1FH1SzL9XWO50KXieDI55sfNEOVNbUsqNaG5z\njnRd\r\n=0WD2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.0b0648ab"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.0b0648ab_1546636389531_0.6572338948264573","host":"s3://npm-registry-packages"}},"1.1.0-alpha.955f170c":{"name":"primer-pagination","version":"1.1.0-alpha.955f170c","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.955f170c","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"169a7192676c0cf9bb24dca7db70f4a134ef9229","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.955f170c.tgz","fileCount":9,"integrity":"sha512-pudykA/qNlAd/iB7IuqYmOa+IQWbOu6UAbVh1WPGHWmpUiMgRU/5rNYbphgunfdfqFk+bKBjdc/tw8VnIu+zJA==","signatures":[{"sig":"MEQCIGla66oRnu6/awaz2tP7+MXE/4fIpJUzqBXBeIiOPlhQAiB40Uc2TKRdmdNO/f2ZVF6wcRQM0qDJpqi9rUW4Z6x5CQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcL9YXCRA9TVsSAnZWagAA3wMP+gIpo1aOBdBiK+PTa0MO\n0pn/6rlYsMd4ouf3sPvU9jyS05YX/fMi2HD+8pOGz9mcQmJe8y9lMsZ3v1VT\npCNoDcOm/xhOXvs+C9TIVtOGCiwHItMIzzNn7MJhJGZm359zDCCKJVYDScOH\nXOfVy/0za3N4w6TTTiMkJNqVcsf92QGJjp3Gyi4eUDzDSWBP7zbjFQAuVcXE\nlveqg390vGDT1btsk1izUWa3rnXiQqsUvrettyYuHjdjBel91BFDY9CK/4KT\nnz7y9OGDfllpCZoY9E4KSEg2kmcApurkVwT47XubuQnEB04r+Ull7za9RFiG\nVbwNnjxG2gx0J8ILoIFyY3f7RvfZ0zNr+6XcjIJMEQERoxrOit5oMClQxFqY\nQGIPrch/6ial3YBTbtnn6wpmwNd4mriJCar34kgTDE6+p/9hX+7ofveDC340\n8CNZcP9XARue+CoGtX99/Zp9zNrC59V+R1D9wvh9GjeczgSD3YMkI+zLbiZL\nn5xNo5T/pjYbagG4sjfDgvioN4sM/+QO/VAJOnTxshHQyRMEoXikt78OUItp\nvWyfMU5Iye99W73Mi9lINjBXyVF/cVIE9E9ZuJ6Ibw17Nxl8FNTMkDjh7OPg\nXZUrQ6ZVrI5yKoaOf+XggTNunWkjNloiGbqCaWw29XZIA8lR+k9nqIlkvt/i\ndUld\r\n=zcxf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.955f170c"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.955f170c_1546638870523_0.15791112357704407","host":"s3://npm-registry-packages"}},"1.1.0-alpha.a5c1364f":{"name":"primer-pagination","version":"1.1.0-alpha.a5c1364f","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.a5c1364f","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"4d08b30dcf8f96aa3beae1be58f6324bd0ac6b17","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.a5c1364f.tgz","fileCount":9,"integrity":"sha512-zxb5PalP0kNJLeEg2Ig1hO3KhOKgF2a40DWFof9B5E+4sezTP+j5HdcHQUPUn8jITJ1A7MyEkYLc2lwkTQhN7A==","signatures":[{"sig":"MEQCIDHHnChAhNA+O5HsS4t6fzaRmRVrUzT5Oy4Cy9VY52YbAiB7bADybmUb/52QEi6H07jEbKqW8/oLTPnMr1I/pR8Dtg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcL+jXCRA9TVsSAnZWagAA6qMP/2iI20FHEliaqhaX0SUD\nF2wKdIIxKYkMKw/axwhJ0ybsVQNL+kunZudJHXVoyB/JXQkCk798tezcLQx/\nawY7NgQw5Dn+QBJgFc/nIgDoHtR+rxD73kF2tT78403GKFYeTCseForOGt51\nq3JX+7EQhU31rjx5yf5Bqwh/2mpDYh6JZQhy5xQelypnesnU+zf30Liy0Hrm\nlcwJhrXxGQR7AvLZO+pMpL+PxjTizdm19J19ulGJ1U1Zq69LhmfbnNGiiXhs\nuB0EN+w142uOrr9VkO6JyocJN096/ZpqyTDg2bJ8AzGEOD8Tn7Pxavh2gITY\n1O9vXQzJpISexPFhLGnUQorcgq+kET/Jcnoqf0tGNDnAN/bS9ZzxcqFXuOiY\nqw5dGbnr2lkiIgFS2yiBdQOQxhZcxK0q8DhXDGPRLQQf+E5iKooWITH43qR8\nl0CfWCKWbf4Dcol01DAjWxdZu9Ih6F0MoBCvgrW1Nf4R5HZXXhcyRAc+ywzE\nXi42s5KMTHUyukQ3ilWeGqn0zHSdj25+TP6pyjKgdmIt9n+G5BEV4bLCKBJS\ni3ihDU3+gTFCYgzod1FBe+ooJ1C9cVT8v1YYe2EUofjgZjbG4UwFZsxMWoVR\nzzpTzFmTM3lc+/KM7g0e8maZ9AAamSs+c4KJOR7J7cFyFL+sGunVpoepHgOf\nIBwP\r\n=O253\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.a5c1364f"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.a5c1364f_1546643670250_0.9068105421064676","host":"s3://npm-registry-packages"}},"1.1.0-alpha.d9c365a1":{"name":"primer-pagination","version":"1.1.0-alpha.d9c365a1","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.d9c365a1","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"e119542dcd09e4a62568ca220f886e77663e2790","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.d9c365a1.tgz","fileCount":9,"integrity":"sha512-VUvkgOtFtwQrceJDFL9Io4obxrP0+/dOtMVlen2/f6zCrVIPJPUrODkdhIq4em15rzfBvcurwUWy4OU4PkLK2g==","signatures":[{"sig":"MEQCIAohTF8rU3+DK+QMgl/NI5AGi3OFiUJZ208yiYJ/a3EsAiA2U2QASZllUNo/ilU8ya7RgctXztV75k6e5STHDGDugA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14596,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcL+tDCRA9TVsSAnZWagAAGsoP/Ahzcgnr1YSq95Fy7TA3\nR90+pDiR59y7PgJG5Bca4k709Z2xYsCBkcpY2E09ZpiOIuZgLjtzTh+JTfDu\nFg0utMmEXFsYt5L55LW3bB+48jIFr2ihz3+rkAh2SIAhJbqdxJW6i6hA2CqS\niNCMq0wBf1xlsBrbUQzoABizWHamMAS4L0As1DWeYfOvPvNnYLBaos0n9wAP\n/ixW+FnwcQICmSEQXO9FihX3AO+rUK6ONI9DVNx6Rb96eG8TdPPmo7Pd6Zvf\nWFPObWFcUZ7Pylq+39XxUI/Vp7RlJlkt5+4yprzb3rL7LCLzqvgCG8qscxrq\nCXJqLVCq4iNYG4hm66Mggq7lNKcjJWHPCAmqX4/DTkhjVkNxNKWREgUxp94a\niB6V4f0c/2TX7F38zK4PUSuq/rGnktW+6cC3KMJ7cF5ctBJ9K/5AHRvZ7740\nd5WzSZyerFS6Lr/s+ix7+Aov00F9fWYVL/kUbIsXLxjTacjpOZcSJLp5ss4e\neUklMIMdSKCOXEl5izW5bVUcRwYIl+zBGXegByrVfgovmmkcQmkGCIoNDGDP\nbCi0HMpce7j51K7YX3zbxGFYLEMTdEuxiyID1fh/L0gvYdRMsDvpANuXUppT\nyxB/HuDhov0iGz+ZBqWqbviJ7M3IwViXiwc9pYT3rQEATE3VeRYQoceqWHoE\nh0T7\r\n=48K5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","publish":"../../script/notify success","test-docs":"../../script/test-docs","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.d9c365a1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.d9c365a1_1546644290572_0.9074970177177941","host":"s3://npm-registry-packages"}},"1.1.0-alpha.687ba691":{"name":"primer-pagination","version":"1.1.0-alpha.687ba691","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.687ba691","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"179a2f012629d0e8f16196e160f907583304b3bf","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.687ba691.tgz","fileCount":9,"integrity":"sha512-KuJiSf7YlDesQrNvFId/3+owC3KvJh8dMwCpQO1ncL8nQFeqVPjgUKFQpGK/76ojUKB7JDnWwlmB+2ACTxGy1A==","signatures":[{"sig":"MEYCIQC5CtdPgJmELWYzZbx8YFytU5BlbSrBawfkTTU4/EqZMAIhAMsozfCgCf2ci2Kr84RLbvzWzKTZsXy0x+jIP2IV62JX","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcM6I8CRA9TVsSAnZWagAA3d4P/3ynm52gfY/45eC0233g\nof7aXAP5Y84vrj4mbARjr4odjoYbZmhasnYM0rIMF0eySxo3UUmd8/VwRd4U\njDlu14TZFNOfYv/r4GsDE2okCG8mBSkxGl31aq5pGvKpCn/r/nCpi4KkUZQi\n4xhCLurfdGGkCLJk6gth2pwHyjh2SjF9H/mrXV3sDJ/y544ASop3Qf1ZA394\nyh0QQToLVeW5FkSNYU3sKpRaaahoy0kpVGJMWIHJfWEnE4G+C+M+RJs4gM41\n0sbs3sGqCvxs3LevQ1N7Mp4TfcryEhOxmTgksjlD8qT22jUSf2A4vL9I1FSX\nAWNRSYCWuRUvh83wj2BNU0HytHUlsNyIjNzQNqbk7QXLOt2LW9+MB6Q+8g6m\nR4ivI0ORSA8gy63dPx6XHfo5KosdMr7rZMqco2zn9IsyuWCcHXw7wBOHqHry\nxHPUFzTIEoKbhJk1/M6XA8KvwQwXG5lz7yXh0J3gR0MO4XA9DueSB6123b4W\ng3E59IPHhr83O5WVdSw5ZUFisFZdmaz3qAjbKSnMBpcZo5sqazPwMRag0gL5\nuaeBw8ApTLH9LqpS7nPChEqHFy3mb/nYerNsHt2QefnpV6j9pZlr6kuUgNGL\n/lJ8TpZx5Ks3uih6BI11rEK0B+etPSCPEcpjQ8TCQevy2GHTHuAP1gw88gva\nolM0\r\n=CujO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.687ba691"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.687ba691_1546887739446_0.7102766345325788","host":"s3://npm-registry-packages"}},"1.1.0-alpha.95307c65":{"name":"primer-pagination","version":"1.1.0-alpha.95307c65","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.95307c65","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"7cae5d5007298454e4f3d1b6bd2c7c598ab0132f","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.95307c65.tgz","fileCount":9,"integrity":"sha512-mnb4vWnAB9TTM5DVSZr5qBFi/WLfiEXUDWNIg7/BRos2GfVYsKYCrDEHqSzytDWuc59q6YDa0wnEW3fm4Uz1yw==","signatures":[{"sig":"MEQCIHD0ZuYZnDVbjm0/CEBKngIsvw1LnEXbqv/e2N5/9iU/AiAjMZ1+UQhmwwKbmfyD2P+hLFzxoJh69ZqkVUpenQvM9w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcM776CRA9TVsSAnZWagAAeFMQAJaP1wpEUucr9/dM6rTe\nsRJDMmBFM5jmlYE4spnPERSB2zS3UBbYyXkkg5j/k9JajRopFsZS2mvbNJTu\nlWE8PT/Jh90sGK4BINdPvFUSyS7v/FgRUM0bB9cAUsyyQnUQZux52NSSamRl\nCAYHYzuuzdDSlropT9an2JCTGE+DYuivV8/fnYt+KOTqHeS03T47PrR+LSLf\niAeZn/aq7De+O+dBaBBrVvPbmngv7pcQNLWZSqO7qe+tStvvxf9IeICwjZ2s\n9+1FQZaZ7OmRtRZhKZpwx6salXGWEMfKrtn15KCOtngW6JlJ69SVIXmX59fZ\nYSZb+6KKiELl7dCUz77BrNgu4necAkMeTfdAM2OxmMT9cBH58zotY3EM496e\n8nWKkHJhnsoAEXhRGn4+GwcDc4epW/lx0eGvF66OzA1KdkWmakdrBJghcy5n\nPPV1jxLJWF9mOf5uWV4b5OTsDJHNqk85zthhZJaPdpzyNW+ItrLWeWprPwxC\nH1XVi/NDQ+7p19qtGCRSFfmNK/u0e2cOn5Hb4m6oO7VVMqGh3kiWf6bGTip+\n6/IKVn29LpQEYyOSn5+2imremqhsLrKaDh4+DU9te/knWlHpcXLGOadm15xj\nLdrBBeDIu7OuBh9V4XMh0pGv4j4iZW64X5FRgfy9y7Ferw2Q24cNPehkfjnO\nJssZ\r\n=++63\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.95307c65"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.95307c65_1546895098122_0.6831468875374151","host":"s3://npm-registry-packages"}},"1.1.0-alpha.2a15788f":{"name":"primer-pagination","version":"1.1.0-alpha.2a15788f","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.2a15788f","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"237daf81e0411be6ad997320dce70428b381367a","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.2a15788f.tgz","fileCount":9,"integrity":"sha512-mzbgID5h0nMcKO7suiAw2E63BlEpYWGilYwUdBIDzT46+4DyLSM80rNrosmEv7F2yjGaSg64zdpUEIL2GOz1aw==","signatures":[{"sig":"MEUCIBs0YwRkTReAw8+6167FgrmwGxwluFA3X6OvnV/XlEBjAiEA0dfLf3YTqziVKwdQjOXqrVQtGJn0v4FG1ZrZsq7czqA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcM8HqCRA9TVsSAnZWagAAs28QAIPy121zUSZf+3FA384/\neQDDqaGzYnMb5FLCmwaR8/IcGlOD8lkESzUcm4vgsEKqQIxKKZ3Mxaafb05K\nkZNioHUgP1mFUi90mYILwIJifgI61BFlkmklSsldVPn4U5k6yVarEORJxDmx\nII0nXpC5+cdylZqRIrtDSiW+bsCACchHl5Cr8xqTnPp+KzFb8JJ126vKo39a\nzSFmGf0RqRrr9cEZ7yXlguydVZDydViRaMi6/FAatOus1AEm9zqj+GDQJAtF\nKjgFJ72exScgGzb0TKaQlkqf5tNuWOcW+Q/oV2LmTMIPmXyko6/VBlmXTwoj\nykxWf3UEy3O7HGnTO5a6+UNGKoQc6ynPUIsbr8qaQLetoj8UrXFshtTCXNQn\njP3w5lJwBSlaMlJX5FEyXMUY32apucWSgsHEWch9WspePbJwzc5WsERRtNQV\nmOzJa7m1dBF5NMIRrKEqKlYJIqAj5sxYQj6/RNX4nT5k2pvVWEvwO1KL+YwY\nAhxZWwFkDllYXOpfAY86A2OGe5sCNWHh9NWLw2woGs0HtVEiGXCpOefrn0or\ngnVy7RZ3ExRZyc/Iaj1jrILkBKgTYRZtK2seSOoMdnh6Hok8zimtRlEU5HAM\nBWVxk4B1W3tNmPPS+SjRFou0JuMD/exGcW8nOUdCDddOi3TMRsp+5TXndeAV\n05OP\r\n=+61S\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.2a15788f"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.2a15788f_1546895849718_0.2734488715755894","host":"s3://npm-registry-packages"}},"1.1.0-alpha.7324c66f":{"name":"primer-pagination","version":"1.1.0-alpha.7324c66f","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.7324c66f","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"27676ec1cc1b82fee0a17df2ee48aaaf251b2bc2","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.7324c66f.tgz","fileCount":9,"integrity":"sha512-4PmIiIP7pCvxBfwRYvuLOqogWiJa1MVqEgkii764nTOWspym5COdwXaxL2UufUktZajjPPFdd9kUrDbfC1vJ7Q==","signatures":[{"sig":"MEYCIQCnhR1t1oHMuIQFdnk3YP+HpoEqBhJ7QTavh/9IJ3eFZQIhAL1AMW6b0rl2ZIAILdYZyaVtnFE91pAwkYjrLQlsToXe","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcM8WxCRA9TVsSAnZWagAAMNgP+wVE+5J8Q6qfkDmFEBQQ\nWNAP+DKKsOby3C2cXdEYXVpDFmo0rLcscuVwt75dTSUepjKiB0guJXxLIuJj\niLKiEMo2zyQtIRUcKHTDEUS9FAvs0nwYQ3xhxhZxFLh4kA83+9tkwXp/521M\nAJ4MPZeGV0WFDxceqBQxzGBS/Kw6tOWOO2tJPC64lP864uYsapBrX24kB0AV\nu/T8zQ2WA+JWNiQgo1jStAsNA5OLiMsCFwXWrnmP8RpwZrko6zlNOW1zNQf5\nq0i0DwAJaq5yEaqTynVBh3xmf2NAJWz+89BJ7R0w5wcHxqHJK+oGRlY8EGqm\nynC6r1TvBQAbW7xkVdqNUGA6UTwMcMMbeD04YvB6vVjdbMdpTWSLjKrCPH+h\ntIdG4CBksFc/ZqDNDSbEfmHAwGyK5NKKlsBE2syDd0aQM88yJ4Bi5i/GLpK3\n+BeSua7SY6iRV0kIwe32YHJreRzqFnEnywUDu+d1AMZq2AKMEep6+I/L7cIl\nmiFdtWZHHUwlxNI9+pg52q5MejcRD2uzxUWYv3eLJIaSMBCnVQQJGIb16bkf\n66gJW4QrJxEWyp9FZaUo0IhkrRszy3VVAkkhc2pd4sweiFUPVxqt+2Af3tNw\nUC2nqDvKrZ4wib02dia6czzNH1WS5g0OVYMk90sHuku844WEs1nTBiaVwq1x\nGtZ2\r\n=fbKv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.7324c66f"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.7324c66f_1546896817241_0.3375219363125759","host":"s3://npm-registry-packages"}},"1.1.0-alpha.8d56c8e7":{"name":"primer-pagination","version":"1.1.0-alpha.8d56c8e7","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.8d56c8e7","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"afc1ce7129105eadeefffceca57136f7320ef5cb","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.8d56c8e7.tgz","fileCount":9,"integrity":"sha512-C6R6iY+KjjsuSvmYNf+hDxFNqhTQuJaEVk+mLivaYl8PERwQLU67y3EdOCoTntecbgfcuym8dyvE4y6PjysSKw==","signatures":[{"sig":"MEYCIQCvzyMiyq6VEkQGojXT8+1srS47Q8vHr++N4U1om0gNzwIhAMfrIhyHUL2SsI7x6L4/vk5pyhIS+PTgy0yCDukBpmRQ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcM8e0CRA9TVsSAnZWagAAwq0P/1xAkhlVXY0Ce4Qduoa6\nprm89Z8lpNrjBsxuCcJ9OLeC1lMUihiIsijwFkkEvaNEj5xMA5xFHa8DbzLk\nC7rclHMBZXbGOJ2kQyT+IgpwjhIr0k4Q6hjfwuMb9tKAACywRsWWMZMObWWh\nrPuPwDgocud5Izmls2+PzLle4eZtOElGXWuLyVdxnFgYn+9FoLhGeorqe49w\n1bcEsuUqK4Z2wjeoln+fcikcoGohGDWg3ZD2gVYXq9ZTG50LuW11ueeX7fi0\n9laYwZmP6FBWnoXjpZfgue9Qi11yYyVsYz2vs3gD5NYBHFXa0spN9WkiXf/o\n3GDspNYsYgHeDW4LUigqrsz1apQWI3kaHZxj7L1+58k6mCmERe717GM+ASmS\ndYLjxFVdUqlDurXI9xdr5Ypoi94/F52l6KFXjquPlilXH8omkL3zwiM/4iN+\n6YTVBTJlHKJDW9ll16Xd+ZxL8+Rq6t9z8kvVvOivAlqnzslRYq33puIkEK7h\nBs8vzK3b4vQ36JK5SAhC2Q6CH+/M/izUlO1LgO0pW4Kg553391dLx23h6iiH\n3LcPqFkh8Of6ssnTnVTU/mIuW0sAT9RyxV1XG7BXfytPdl8m9ThXcUkN2ZUP\nTbRe2PKVD7qT6SUOEXdzI7yiKzVOKL5+wgX+4XWTLrga2cjfmV183sSMJUVu\nkYgy\r\n=3Z4h\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.8d56c8e7"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.8d56c8e7_1546897331784_0.5089060385923154","host":"s3://npm-registry-packages"}},"1.1.0-alpha.d9b3997c":{"name":"primer-pagination","version":"1.1.0-alpha.d9b3997c","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.d9b3997c","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"545ad4ac111d4394ddd5fdd7913db12f76b84443","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.d9b3997c.tgz","fileCount":9,"integrity":"sha512-z22GX9ke/rhJEr5MwVdRUWGzVE+EVzYh/bWZp/A+roBhjOR067BKW524dvHae693qsMA2hjL8F1i4NtfYdBfQQ==","signatures":[{"sig":"MEYCIQDII6Xg61INIq1yVJV7GiKAOFU04DACEgud9o+UgFZRDAIhAJBo1Qswh/QIJ4FHNK5ZLeCsJ5axUjlNK3t53sJDn1N5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcM8jZCRA9TVsSAnZWagAAxQkP/2/sXpgnT/NnLPDyP/+E\nZE8aKJn64HXj9RpTdEuUcJhkZFhgr380AsOFfsEvZDsqGNGnOi5ezBvVUuRo\nUsefVau6+OxKZUGYINqQ9mjLl8fSaS0K/nd5QaLSLwghjqE9tPcLVS7v90Eg\nfkKAuxhl4TQoGHjcYRB3il/ezwspqqDsMdEwuJFNZq9Uuznj+r8xP6OAyTUN\nUoG4yTs9J63ghwNcJ5q0WCHStCZKLkoKXL8hB1Gm1UMUAxzUUssov7pz4Irm\nphNe26Uxir9jB3gs9R/hwv9JegcdGizkrRMQevB4De9wSwL+keVWSLQ8BVBm\ngxlj50cWyeBC3PTpdYa5Bp5rp2e5bm76L3eeGjbLY6ekhw9zkh7bIEm8ERgm\nMXtgkseQ8X8LqOK0nY+vWE4VuEI9sBrdQiAtgsbg5DJnxHyqGAJgDTMGTCac\n2aSCke5xK+yW0yxQC7Ua5cKngXyRCpYxOeFq9+x/wstl4u5UscIFf58N4FYo\nKmkADAHFtTwx2blNwyFQCH8461ACg0FbMMnQmOx16kPQsbhCFntbCn+Uv76p\nErXANSVvUFMXMrn3wuB2HXrMvg4Ju2akCfJWpDX53i4Ra+b3eHX4C5KbDG8c\nF+OElmg/WA454j4o49QVdCwj6eGv2qsQ7mH99Ni8UdlvDgBjyXvuqEng5PcH\nFEaZ\r\n=oJLf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.d9b3997c"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.d9b3997c_1546897624618_0.12732779708987008","host":"s3://npm-registry-packages"}},"1.1.0-alpha.da3ba6a1":{"name":"primer-pagination","version":"1.1.0-alpha.da3ba6a1","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.da3ba6a1","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"18a95a36ace2a3db6b33262626ee3898b2c07ddf","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.da3ba6a1.tgz","fileCount":9,"integrity":"sha512-EFTWdMoBpAY/e5DV7/RtBm+pSkQQHa9HYfuHJ/e+v1K7oDprK96/LXZA9hQd4wKJKrq4JZFeD+1JldYIYjmHKw==","signatures":[{"sig":"MEQCIFEC17Dk0+NajccfEvKkANcliEiutxcmQt1HKTHqXfa8AiAHWWiTA/5vzmh0M8GAkGuH+KAx2f+APiNnwu43BoO6pg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcM9VICRA9TVsSAnZWagAAp4gP/RyVzZmoe2x+GBnCJBx5\navHGWuLs3WTYESny0XTMks3QaxoArCZUnh+nLoCtkcwOmAbHAS2pH6eKl1YO\ni8kId7Niees6lZi/6edpv+7oBljf/YkRgYDr+sc10ttmhn6/UOhUNv1mHDLg\nB1cncCxk77DhWPlhEmHGi25JQk3SorlxOInUoq7hj9fW2fmQD0fAwPuMaRzn\nTW2NcTRc3iH3ngS5FvYp5nsJWqjTebjyL075e6uMrn48TL2t95YNsjqITe7i\n563VoEwh3yZPnOOyfCUGA/JIivjP8rpzZhtUog4WNCeQ/QHKl4YmpoFqBwT9\nygMwObkYyV2iO3dRl8d0l7z57bsLb9wlZXXdHSD/SUxz5qmIFfxtgGSFk/Vi\nhttE+uwbi8gQTUY5IuMJOL/fIw7aEOQVZtI4s1B/UPHpuogFG/10LsWnmEoq\nKBQOp1XMfV89mgyVFlNY2V8yDpN/GBtFrCq0S+E43+3DCL5g3Hb4xeg8oVHw\nhu6RksfiZlrq7mOScOzvCe7BQCWcA6eGEZ7+SMw0fpbtpH2bVB4M4YG2fBQA\nFB3wtQYoIlFucRbuzIU4Np2wnZLROoiMD9pdqPKda+RudNUz2NilxEWYfupA\ngDKBejru62jvaoWiXE+RPCBvURB8t/J6n0RvFkrcC/ax/sWHFq8jh/2xXCsG\nCluO\r\n=t58t\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.da3ba6a1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.da3ba6a1_1546900808326_0.9480398835706658","host":"s3://npm-registry-packages"}},"1.1.0-alpha.426b85a5":{"name":"primer-pagination","version":"1.1.0-alpha.426b85a5","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.426b85a5","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"db41633b6eb2873d83cc1136e26ae2b406616b1c","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.426b85a5.tgz","fileCount":9,"integrity":"sha512-3G/d+7mx7X7n7+C2kSEZHcF/h7Z92uz5wrWucAq2E+JLn6aS6w08qmI7wiNqExsjFWfSToOPNINhYQ4SSVeBnA==","signatures":[{"sig":"MEYCIQCciUfofocqYlfSXWnQVH4RUcYKDAEVrnuovsxMvGGfpwIhALuw6dPhZ4PPm2WtNvuJmb/33vfYg6WnEOUxTHYIzogE","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcM+AzCRA9TVsSAnZWagAAlIEP+wUlHP+IM2fCfWYMlplJ\nHj+zamPKE2l6UHcHTk8maTGf6S4mGvZnvZjwy8HjaPfi9TO3wqLvnmtWVVs2\n5BlqHXUrkDavFbYMhZpQrGk3QM5cl9GsYR/UAb2EnviG9y6xphQYQxujUxpK\nTdFW+ovqguBlyzCV/aPclmz1Si9iyQ+1Adgsyt5hx4QU/jWHNi1op3K1TNxO\nwBGPd2oFlhXqL6DE1fHPV4s/10XYJStHS4B5KL9WdxQqZQfcCpnzGC3D6cES\n5P9tHPVvx1FK526ujAk2t0hiyuLbLBw7pUZk7sbJU5dbpdmFAdQKowatN5oS\nam/nSkVhQQX78cSp6g80R82Lttvy7oZVqZ7MA2xNTdLjeyLxlUX/iDTOehye\naLROz5pxyUDlB24skSOl5QUQ4/9MyQSrOJx+XLomTwnrBRTRIYN7sfZ3feg8\nm+MpZJ6HbYRpR9JJLZFnRzoJg1WCza4XT9lJ5z4ag+33tAaIA/kjQiHfAdDw\nOTNBEbW86oyH2Sv1bKb+G44ZT3Bo7VNKFbJnFFBw29NRrwCNDWd252xA9oZt\ngD/DgisL47BswMfTwSjAwb73Es+N1LutpKlmdZlJxnqkgbgZ1VAn1dcibbj0\nC1KQYwO6aDz+iKaTtCkKN7/Uk/z2k2xk4LVtjK92VWpxfdQbQ+qomSrVItUm\nmM44\r\n=nn4a\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.426b85a5"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.426b85a5_1546903602728_0.6015375206849343","host":"s3://npm-registry-packages"}},"1.1.0-alpha.e7c17f27":{"name":"primer-pagination","version":"1.1.0-alpha.e7c17f27","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.e7c17f27","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"d1c8c0211c4ba2bf795a40a26097d5d54c2aafcd","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.e7c17f27.tgz","fileCount":9,"integrity":"sha512-PDGygVJPBTFuuTpa/WQTjchcrUPE2OwKeeIrpylqjJLD3ywXn732aNUqx9TBTZorcbZwDLDm0yf6FTQ72w42ZA==","signatures":[{"sig":"MEYCIQDtFtsjpgIYCiDAVXtA8CMhCUnZ26dHm0o9U4tr06RESAIhAOaRozqaWdWP5OQE5RROtTHJbB58FuFV39+iRS3oh7/r","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcM+PvCRA9TVsSAnZWagAAJiIP/3dCOQ1TQL6zqBzKxdlM\nCOo4toOhCp3emJyFQ6NNMFRTHEZKnYHjUPkoMfj1zl8zmFqfIIyqHTCmubc5\nSaPX0+0nrZZPCLxJ4JCEgoKpL9Qe9aHp+0OivIb/zCK2jAfD/Dfi8FPqIRBs\nGLdRJuROVXxHLfdm3wKKUXB4pCOKlpR1bm44Icgyrj1GhwHlCmwuyTzCFeRD\nrtXGXyB4+1Cs0nUgY2ZVWZUt8aEHnuDusCmPuswKtX9X5eGEn/dXHON/FheY\n5WaR8r4fMo5phJk5JlqDFe4Bz6MYlb2uHJlB8fTpdaKTD8NzMPiehridKFkH\nhzQAD3UHLOQm6RiYH+IR0RLlA64UkMhYeqhR/bsV5jts7VQTtkSYATAdQQtT\ng33xvQg3Y0DbdKBSAv8qg1e/YUtvWndZVSFt1U/sImLObw8ZtEX64aMrkxuD\nRqrrvlCMHQHmej1rmdWBRY7TDBIhlzLOlGs8Cp/nFcsH+RrpQPsWWco1nPX+\n4Q0h8RoG0s+KNJA2WwfPPRlCS2PjX4xlKaZsoqPSyFkTc8BSNk9xKgtSo7rW\n4r/O4Zwib+93Mi3TNMlB6w5Msm0m3oEZ+cf4Nhz4fLQMMgNVMCOjfrG07WAy\nhzM/j6r1t7RQBIpfrhN2B5z/bXAFmER5OfhXRtiHGd6QYS4BY6vkE/5sdgoG\nQzkx\r\n=fEwJ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.e7c17f27"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.e7c17f27_1546904558354_0.08006127474991609","host":"s3://npm-registry-packages"}},"1.1.0-alpha.eb2780e6":{"name":"primer-pagination","version":"1.1.0-alpha.eb2780e6","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.eb2780e6","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"9165c31bc4595805aa2a547c237aa6674b925853","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.eb2780e6.tgz","fileCount":9,"integrity":"sha512-dCCqeT0uV9RObfhUhh+DuMTA+N6g+GfHJoqYMwO7609ABu6ixmYC968zoWYa+iHLusTExHHWsO3OkbUFbhIZZQ==","signatures":[{"sig":"MEQCIBJw3iKeC4EnNs44gT9p5Dsnwm3Jb+fQJ1iNHAt261wkAiBKrHHjEOq3rzEgsX0ri81seztkoNSxT+0d83/1nk/vwA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcM+R2CRA9TVsSAnZWagAAduQP/1Ix597s1mjvW9heUCZo\nwqm+nuPcd1Taj4jj0BvPjONrY9WkZ4uySVEGJJrZXy8y0epO2Dp5b+hUhPv1\nRz8q7gADo58hJ6Ei7JzT/2ME6UVoEW8+GsAN9WBfZuObYoIUPfzN/9wvksjV\nE+kDawtvQ4XP/u3BgoBMNj63zrrJEvIhdSmW+Z5jqxb4WrLkNmTMcIlEG2R1\nqzYde+xPbKIpk37e7vZIOzgV66pU2YPpjYJTyzEnUbkf+e+SFs4hcPXXKz7J\nKEKjUUBEujhL02sR0gRlQI8MVwkobYFQw4fytXjsT+28wVyum2wZmGYFT/Mv\no8U5OxbVIrQlKK8BXSSenRTzXD8u6eGt+h7QuQajjgmKLt/sNL947pTfPcv7\n551Lf23e+zYf/zeFt6DJdx1OWbbNLaaOM6gVOJnA95nQJql5RNBadIhCOBMN\nWz75coCIC6/rcfv1MrP+qHIU7YOdN264VL3SGxcxiueztEyNPJBvYkZUgHdq\nEWcpBt7CHzX1ggJisJDcx/YJspvk57CC0nfJEspYpq1YoXGa5yCBngCts6zU\nqfHiGcE/zBbHJjtGjzZZfimrzUzxh03z3XHJ5yytzh0/n2wCaE6yVTZBRuKO\np1m52LxmUB82BUEYU2LTE84zlH/vAforrG7icxcffiRAf9T6ENZtPVnBe6CF\nNIV3\r\n=uXnx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.eb2780e6"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.eb2780e6_1546904694073_0.015557559479054461","host":"s3://npm-registry-packages"}},"1.0.6":{"name":"primer-pagination","version":"1.0.6","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.6","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"27091af83f36243a6548f1af6031dae6b4236085","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.6.tgz","fileCount":9,"integrity":"sha512-T33UDrsmSHTFu5VOfyRCuUuijXWOmW+9Pc0IiJyrl/W7iV0gA80Xap+cVLcH7lwKeQJLNnD2Ou8PGKWWTydZFA==","signatures":[{"sig":"MEYCIQDpUS7NOK71oI7fl6JLtAqxj5WD1eEnx7jwvVeionU3lwIhANuuKMHG8NvGE+cCl+s+aWfwQissWACUbVSkLCaFHG0u","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14570,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcM+TaCRA9TVsSAnZWagAAveIQAI6RWN+XJzBNpyiW0WPi\n0C3r/4PaCh1BE+MmGorneRnJf+F3f+XMgn8+k/eS+wGRB5Lqy4+1edfL15ha\nzRXum3yhz4eAz7/w/mYd80cg44xOdlR2Genja3QUOx/6wrQLj4IhreIWn/no\nmCmGJMFoJnv0kH9kybPhTt+c/fujT6NVpwE6YzsD2auFsFhlWXct9IFjgWYT\n8KJ07EFrivmcLVWJ/GwrPJqYrF164qBjU+pm04rgKc7p8pfdaEdeiemp7YNk\nR8940Xb4D/PDqSqBhpv6f1rGexNkcXqjxZGCc3+ZKWEWUHFvgjm5Q7WrM8C5\nne54js4qFoiy6VUcIEnU4SMMjGLAzmx2omo0US0CE7YKa9DkiPzI8rdlPBxX\nf2Rkgz+DcbqnqLkTjZ7yeg+/LlUxlyDnwSBQZs1qAEK8wiwlt7hpoGgnwoZR\nUcujiwsEnPDi0w+UMQQgDl6T05dwBT28cY7zpBJQrrxlAFFm0gK8ngnTpfsJ\n1hFl79BSVXHjZaWwkXAmP8d+3uG+cjQGI4krZndVgWmbQpDFar2LctI5eSoh\n/oE6OpTgUfyCvvB5BZSCmIe6NWRxArawYDibyXg1cQTcz7d9uB5enHmxYD0m\nHMKot8n2rPnGMUTEB8pVcuBjXt1cfS75cl4Sivbo9F8DH/paWeiTSjQggYIR\nfy7m\r\n=XQlX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"5.6.0","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.11.3","dependencies":{"primer-support":"4.7.1"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.6_1546904793553_0.598016778539255","host":"s3://npm-registry-packages"}},"1.1.0-alpha.93f4e152":{"name":"primer-pagination","version":"1.1.0-alpha.93f4e152","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.93f4e152","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"6195f167449e7f024df06cfcf12aee9bb214ab24","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.93f4e152.tgz","fileCount":9,"integrity":"sha512-K9ZlXnigk/I2zmqbXacTW0y8ihRpvgOUNvhfcyhMDhq/JVt6bmZtcTSjjo2+TO0mMzXFDJWbw3ZL3utu1QcreA==","signatures":[{"sig":"MEQCIEUki0GA3JKQQ4s0EtKwhATDnw2BJkqGuVetedZmqhRuAiA6ptc9Zqkkwp6Y+2iFKaFxyLbqbXzCYnRbS8KULgC2ng==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcM+pDCRA9TVsSAnZWagAA8mAP/imCgQd1dOnZl3AOo0DS\njRU1xYhVUheXrEcdWaW9sIVLLf9cSlRwFr6TZEpayq2jQ2sJmHaBUUsM6aGf\nyYfyDeMq9Xo9HwGaR0LuS3FNS9M215tgQBLN8EouDXdDfBZpVUdyJ/6n5DbQ\n2zVNDa708BJtGK8Xz54FvVpZ81lGqQ4L9/ml6M863jKnNbpL/kczcPfSHvBs\nqBji+5ck77zG6ISQaF/YF5Ph+ms5RKcQtycx7n7qBvMmwcJmsQUNNoAgXWfL\n5+440O1GvkrGRkSNILSFX4l67lPYW/iC1xV+FMWpaHFUoooskKgnuPiezhcn\ntgFQGmfUTywHKU+sihZ5Ao1vP+CX/04FVY0sLOnfZeYmkme3V/IAPQcGfCzR\nHCleXz25W+K5t3o+wOak1YCxUsFM7/D0wxlIV1GkLXl0DRvEod/BEmG+NtAd\n7Ya9IZM5hH5GLoctw3pdi+p+IboRxQMBcPk41Jb3/xzgvnp9inyHBxy2Qs7+\nnZxLzc2IY77vZsO1+/Xgg8Flz2+dEQviNklXKzWEr2p8wW0ADaIVYB6Plnvh\nJedKG814Rql6o+CzxENhckvkaL8UkGLAyNVOTA8+RXosHimnKU7hkUf5ctph\n5nnyno6gXI3wejlnOcD3JfI/a9XmhirVzMWMMvGr5OBDBDxCD4XIFKGTxj0r\nNFmC\r\n=RBwe\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.93f4e152"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.93f4e152_1546906179283_0.9855389568758968","host":"s3://npm-registry-packages"}},"1.1.0-alpha.82a598b3":{"name":"primer-pagination","version":"1.1.0-alpha.82a598b3","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.82a598b3","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"f827f61814b146099894eb659fba4ae46c435572","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.82a598b3.tgz","fileCount":9,"integrity":"sha512-oDeY1MxgeFLU3Yc4kQtbzXkrO63pLD2jit8poFnR9Ky72XUC3ef/YSHxrsYMI9CtJdVa0poXj87E7fYl6Lo9CA==","signatures":[{"sig":"MEYCIQDahNrxeh/YfJ7h69rzgDJn+umGHrv7zBJWNLM1SlbQQAIhAOkc1HAUV4zn3SI2C1TXo3efDaDIRKG5iJmbxGbEvzU6","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcM/E7CRA9TVsSAnZWagAAyBMP/R3EzmraiAq0ZB19eekg\nVWVIXwTcX3BPwNGb8wleHKQ+WLW4SG++GWbYaZA1nNiz+2ovs7wbNi9ZhPJR\nkzfrvhaqWuSLy1u9EpW0YCB7AELZbo2pq31dM6Twjwfm44zKWtWWG1t9OAPf\nn79nJ7oviqmc9c+PbePRW4voPlZzEiP0fCCHVgb94tauvqWbek0vWHMnOjcs\nOvluzA1myqpmJcGaQqJ7MArsNZE/GufE1GDcu8ie/O587LUDD6tHmfkLdFEx\nM68wfY5XBFgfnVhcr0n0s4/dwJEe9psjkfDcJtOXcC2MPcnNsH2RlusTIPmZ\nZ45pEyw0Y7i9zJ42wIHbnEibl4BGzZyLrtGjtd1E2VtD7gmbLJF8AZjW7p72\nPu9Wp0zQPsJccyG2iVMU5CIJH2CfcW1erb7KTKAL9sKopZ7xk6ju9oo/EJ6Z\n7OrSM15q0EcvZaVswvL2qOHRTafhyA0vCZeoS4wRGzzBWCqgd13wsKkc/pi2\nBPOK4x6Pt+XkWLfa8DoATgLBblh4K2qavAXzDN1E0B+gZCMhuhodJ7O3RFLu\nZYvC1e5jk9QMgC7DQCulAOKqGJU/O3P76cHQlzOFLlf6fFrWYGy8OZ1WqQPC\nCGwKeEdJ53TPlrKX0qroUTIOAeljJzPVqc7B3WOOMLxC7YJW7upKlpi/lVNS\nV8D6\r\n=VfFH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.82a598b3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.82a598b3_1546907962658_0.8207267688364703","host":"s3://npm-registry-packages"}},"1.1.0-alpha.ecdd8bad":{"name":"primer-pagination","version":"1.1.0-alpha.ecdd8bad","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.ecdd8bad","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"e19f8f339f73fb90a6012a80e1518dd383eb1a3e","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.ecdd8bad.tgz","fileCount":9,"integrity":"sha512-HOlMd5zt/GE1L5LxVCcrx4yyb7ZIem1iLOU2cxTaLzCQi9AakmSs+rvAyoQUBj6ljv7pJUY3aBPClLoD5JAnIQ==","signatures":[{"sig":"MEMCIGhsqeb7Lid0eDd8lL69/Sxrai2v4+Gal+ZXyN75SSOyAh8s/FAtJDepVnvtjvdVrVP9Deqqyn8reygCRwhWXYwI","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcM/NDCRA9TVsSAnZWagAAjYIP/1jKpKej5TUerxtFtS1V\nySjr8D0dxy9WESJQQr1wlbSxEw2SpKP2+GPyah9fmVfCvEnOLrwgbOt8ytGZ\nMnCV2g2WTp+kqGEMlFWvZH8y8zT6aUPcWwSyPchN8ntgKGjlXXpwkU2FyTFl\nfbdmFPARC6PxGWU6QOtk/f8/kcjssh5ZdA8kbi8gHLJWGbhPDm+Qv4ziJrSq\nT2syjDyABZJbSCi3rDoAx3g/NiOyrLlF1kLiQeKs9BaqRhgEc5Os6r6cJYbJ\nG9Bqdxi8z1BDePoOSRFcF3vVX7capcpXlKi91tZr6C7+Z3/u5r8b/K+t8k9o\ndS3+FbT0ljth5AuHB3SZ2yxExL/m+C4Rpzh1PBL0J5gWIjA8BNH1h1wIpmRF\nHKdLKKGTCvf9jZYYQnP967ItADmPBzb22LLtj6alKee/XcJ7JTBdiY0wg2w0\nzC8qJqzsdErtd3i5k3OhQbozapYqI/VE3AtzAbdHv1Xrq9Cob+CtYH+HBmUZ\nWzfujmFimfRULlAGQmnn2rqQWctLV9icI1fQRMl6Dp28hRQLy6+4XXh7C4AQ\nMiKqi6HMKurJ7cQslQN+USKddTmkG3uh7YDfjfQfD99YLXH7B26pI2Jky9gP\nBetMFVug70/Qbq4LUK8MFB2SCKjKXVepSrLfJsSTbI2GPJdmInbRAAOsRpuh\nZpsY\r\n=tOhd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.ecdd8bad"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.ecdd8bad_1546908482300_0.7967943616702919","host":"s3://npm-registry-packages"}},"1.1.0-alpha.50510ebc":{"name":"primer-pagination","version":"1.1.0-alpha.50510ebc","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.50510ebc","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"b44f87d3d0895dd280e453d9ad7ddcc1a21481f3","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.50510ebc.tgz","fileCount":9,"integrity":"sha512-gDfBJP0+DvbbWDKc69tqrMjh70DDPLF8rHqthMdA4H47kwuRUn0DBLzteTQxspvTzMQbIHJcELEURcXJYSKUbA==","signatures":[{"sig":"MEUCIQDvsxDgMY24nzyT+lV8ojs/b7jLFpUmyO+2zbE4A97XnAIgLj7G8JczgOUORSw4BJAYOZpDqeN1CEqu643t599wIyg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcND4cCRA9TVsSAnZWagAAU+YP/j0HgcI5dSXEz3wRKOP/\nyNH+lK0xYw6HQ3JLV2KFY5jMHlDj3s962+mT4reMYl7b38uDto1Q+UzBoouK\nYFyKGPk3RgNMVetfNWsQL7Gq/Ne9g0RqAZ4u3QVjg9j+0JTD7UNUvGshD6/k\nldDdBZ4CrIgiI4xlVajaHzoTLl7OfKAjNkr2KKrbkbaRd08cZwttglMBzwdo\noEp+UaOgOeGtZXUMHPnCH29GrqdnQoe7e7bm0bGTmnkTgbFsjeKRBm4JL0zR\nUSfPbn/Fpk0vMAcCjIXfkTpSRTHDbjEytBvHMBQfRMf3WdNK3LimWJjkyklq\nIZ7yRB/aIY0Amg1TAhxf244f+0sFTWeXaql+du15CxSnQByKAFB88Hm2GUC0\n/2S5Nu3sBaXvzVyCpQWw+vqrAgqsmEpMBGZi3Oj98hAc5aqEkWm/UhdvbLyd\nvd7RbRIXHUhGfJxsQVVODnFF+uYGAgf9GNDnFJTqJ6WR2EacQVvw3ASnjmkp\nY6K5A9TqMpeXbi4FgE2L93Kpff3y7gxOpawVE+rfomivI/USW6BNjSgFQSJS\nA27e62GLYCOjEaERmtb+NhLDKWHLeVwNI9aa4jGoqxM54OyMdERoc9dNY96F\nfmupGktktotmOBeBqIZQC+D4eI9nKL7Q9fMKNpI5Y9L76aztkRQZG3xL4DKQ\njluH\r\n=a7fq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.50510ebc"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.50510ebc_1546927644400_0.46505237945441324","host":"s3://npm-registry-packages"}},"1.1.0-alpha.f18919ba":{"name":"primer-pagination","version":"1.1.0-alpha.f18919ba","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.f18919ba","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"438d426094300743afd992cc840b4fddc898f264","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.f18919ba.tgz","fileCount":9,"integrity":"sha512-Cx25ahQEECKNdfU/vjSrb7nC9ZcK+phD8sbxzFldNDlOrZ/vc3yg4jwfAcka4ueuYLX7NJhhXQ/uhBlCWRmGXQ==","signatures":[{"sig":"MEQCIGi/dzQsuaM0omdnc6jjOa7NNF5nUkejS6Fgk1/2F92rAiBK0No+yp+MvqnHm3DVbAJXkuc+2SFjNL1Gx0duCBH55A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcNOFmCRA9TVsSAnZWagAAuMUQAJ00gBVd32X5TecFTmqQ\ndnYlt6V/xX4u1ZNMkRK5rEVU2HNoVACYot1r+hSDi+P/YF81BLKwG5zBOAXw\nKXStYNF8LjUiTi/iWDBj1QJSk8Z7y9shB/U9nuP87lUlcvkJnl2QV8K96a0K\nBotAhKDnl2h2hur6MKCQMfVhxn4Eb7u/iYsGR3L1SrbACHu6Inz89imqKzTw\nZzPOgKxQ1BfLxDM+wbfIlCrrjlVDJFA8wT0QtMWf6mkY9zC0PwAvUq6yHpB4\nJCvTlnkBaicGS8NXgmI3ertNDvseh3TJFOIHVtShNEk1r8EUVv+5HQW6UFEU\n+JkJMBVSgHOWza0XwGWovjxYp2OAEWCSShLXYC7TSi888m2tE6NhUMnDj2YF\nAtIr7Hu6p/mfwrYq1Pv53DtX74ergIrVhY3WOlMS0LiqlBVcWmgOCOcSMyUI\nhQyaIZ0jXHqWOGmly+IEU6pZEmAV7yQCO0mLGeuibHfxZC6FItPElGCFfNj1\nG2qJbZmDZ5DC9lTqMEosVcISlFemfMgf2kOPcviinLCpRK//99wWmkGG0wOX\noMejkhGvXsvAmqQAZ2uRHGjZ9vqH0lcApnVaHqqZE7S2DYAYfEa4wbRB4x3j\nD8pbikeJz7x1O5lBO+bfMiXXzdwXEmX2FJImb0RbQPPmyvReajTMkfEEebEn\nSB0Z\r\n=qlSt\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.f18919ba"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.f18919ba_1546969445900_0.3431583890707477","host":"s3://npm-registry-packages"}},"1.1.0-alpha.c7a3eeeb":{"name":"primer-pagination","version":"1.1.0-alpha.c7a3eeeb","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.c7a3eeeb","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"5b9564c094e909d46cc8a2c076dcb92a2c2301e1","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.c7a3eeeb.tgz","fileCount":9,"integrity":"sha512-T8nza41w64560RIxyJOLtiM2G3k7LXr3ydnsLkTORRTQOWnmM/PjbSr8Zdb/g+SqiwwKRgfXE0oz2Y4eJdgCIw==","signatures":[{"sig":"MEQCIAMzl/GaIH2i6eTxfYzBaGDdbefmSlY1+HGBLtNgxcw7AiBYXarRHkebndIErIDMoG0eLij6eoDVkOjJfa7/dycBGQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcNO7XCRA9TVsSAnZWagAAJ8wP/24lgFWwMs2s8qGNnHmu\nK6R9ySJZ2sjBSMX6JXTPbKIIJu//ShxBhybM9jrxAskHLHVDx90kVJY/E/Un\nYZF+zkVZyfwFWIKZhcfpteuxyRk2XYxwv8ZHVXlU0Bov6d9ZW4bP5XmJH14C\n6tJQntKRZb93kBchkQXNHZu0gPeC3cfjVwlCStsbpKWEPF9rCkuJzTAtHqAW\nXtuDfvYnHJ2uD8AEZMts8OiMlJHy1iq43v2u3XoAZU4htznj/V3My4+Nn7Oc\nH/cJjIfKEEgclRn2M20ewObeckTsb/bqQz34N0cdZKhe+yArwfnCEs1jOBB9\n6ab6y3eEJ8+eCZ6e6nT2dDyo4ZETO8u08XT7DAmBUljCj46vqqkmr2MM5gf0\nu0Xp0gQ+nvfEMLuDujF15ncWAY6RrF1GV1G6sdlXzk1Z2jIb2wBxvKZjVyre\n6zyMb/GdBSzu61lES8qtd44MSkzbveHGsmp5WukxgOdtACXuQRvvmlQfXeGK\nLjt2fKFWf14C4fyhyq9OOUrRWMwog8FzkoGTokmZIxvJ0D3TKEqP7j0VswwQ\nF67wt0QZyLaSpVPuh0Y4veMtBT3x29NMbyT6wz820/hd6piOcpfBNDFhHD+k\nIVc7oFM/o1A/VaqGnDoLUwmgHod9AoxVQjfSgxo/dt1LsKzQ7R564K4HjiV8\nbFc1\r\n=ZvKH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.c7a3eeeb"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.c7a3eeeb_1546972887306_0.8704273326911682","host":"s3://npm-registry-packages"}},"1.1.0-alpha.950bf2b7":{"name":"primer-pagination","version":"1.1.0-alpha.950bf2b7","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.950bf2b7","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"d0327414778d4874d766303b42c062516b68d495","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.950bf2b7.tgz","fileCount":9,"integrity":"sha512-pajqM2F0GVefXyxGjADRVW0lvSgdEgrBaA8FEEfuFKIKuDf6kM1D+H3Q9EWLcymMuBMdORMoYlMhiaJ4W88y8A==","signatures":[{"sig":"MEUCICd8jcJJaR+UNPCVjN2W5Lit1SIpbnBn/c+73u6QEblpAiEAk9lTCsrgkH1gOzpYyWoV7UcFX7ZTKoyKB+pNXx1vhuw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcNPJWCRA9TVsSAnZWagAAwQoQAKCT+A5vm0cRXv7sPljC\ni394/daLUcRlOvznwZdBg3DCb0IWPWDzh9IlvECLcMdH0NNOSWHjcZv80u8q\nagSU9cdZcDfpg9fzAcL78B+dq+E19r/OTn+t5MOImIWlUZANVoEyBKA1fMWH\nJuMWY/f4IniyI87YQrgllmAPYRhCaFlQEPAtFS7/jZyIigxRrbq9NvR2k/Wd\nkEiZmtRAI1/TaWoUYpaKXY8bNMs69mAfxEJOFJ049bzkmH8WAD2AfKojjTkE\nBcOh1PykxGgIta6ZiHKwYSPlsZcxnZ/avFGZ/X/nXO1Igl4jXFpo2PgjRPet\n3RsYQvmbU4ngOq3DPWpS68PE3eLCTTCOhJ4q49OHbcJHW99ZXcVJ86urC1cA\nii99IWBp4Qnb+tMu/aIh7BQPazgo1l5Ja7eeoAQI3bix4wwT9NImNUKd4XGM\nE4oN8hKWWUtR60yG5kXGfIn2pYeymsmWBVNG8MMQSOuHbkKIDgq6Ab7e0WJ1\nUw22AGHAeISCFwlMcnPBxBlBBPANp82lv70rxju6CTmdJeoHF4KYTDJfaFaJ\nhjqKbBWSHu7g0sCkTovWeQ4P+cWBrGF8/IlElsljBgSa5gDGK68RbJkCvpw/\n+vtc586JtQEdHWaqt0tEKY2htkBPNStpymwNSbxQU4VeLyNEkX/hLqHDZED2\nxvi7\r\n=jLOv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.950bf2b7"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.950bf2b7_1546973781448_0.46886929120137877","host":"s3://npm-registry-packages"}},"1.1.0-alpha.7c07cf8e":{"name":"primer-pagination","version":"1.1.0-alpha.7c07cf8e","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.7c07cf8e","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"2c0b22a377b2c5ce3ca9638dd79b285ab1e29910","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.7c07cf8e.tgz","fileCount":9,"integrity":"sha512-NDVS3/MHLqoQ4DUKEElR2vR7sOPMxu194MSYdpXf0JfkfSnnYFwi5KQslCSO4eOQ3GcdGZIpIdVpKgAU3doMaA==","signatures":[{"sig":"MEUCICe4KFXltsPWX6NePGXdQPuORtXJgp1Ujuj+4RacT3EiAiEAxiecX226nFliY6PXZohZXBuAfkVeBh43M4JgDcKL1VU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcNPXLCRA9TVsSAnZWagAAZ48QAI+m8BN8d4x6McZJF2H8\n5WgEp2++kHUgwkiGShCu1dHAUXdv+/9KHzKGKpf2EYvg9xL5HNtFGME+tIiY\nvO1jGLL8ARx6BzbZyTHSOX0rx7jY0wk5qNsZ52+JOMJ+GNK8gRsJCVV5Dov3\nWNRc17sQi4p07NCt+lzAE8IYWGP/4hk1SwRS9PoS3zhzk0qgrlJ56Qqj5WFk\nBZCKL1rQpOVs/5tubZzQvYiZtg/qKJIp1p3+RPNFKFvOQgNDBdo/GPNBkAFx\nzzaLn0zMJobb6RShkMb0dASYzN884wT6VYWjbiXiUGOvDobItQLinKPbMTVy\niK6+RvTJIaXd1bDSMIdU8Tzs6US8KUs8cC4OD0BJS8jaZp12RM/9fuDH5ymt\n1YLCXqfYj2tkrXocMOGrs27TwBRbyzpOH67Iw3PG5Z1P/JBeCIisJ9UuKhId\nFscFAR8OtBbrfcQpG+e3hI+TFwCVxN+ovuvY1RJCl4dQNFoeI0uXAQ/nBD+W\n5oD9RUeaaxwOstYe3TD/4ydj5nGthrICsUa/3ra97tQNAkfUULsZJBbD+Zy7\nbQjlQ9QzejQIVVwd/pHliEBvBb7jdxTH0iby0ccYQGYTcu631RSuQA350rlL\nxbrtTRUQD0kLheLfMxoRdYrVK2qFJNYhF5sn+BNy+qdmU3RSlVeD4pVvguQF\nG/Rh\r\n=FGXk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.7c07cf8e"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.7c07cf8e_1546974666630_0.687303485571942","host":"s3://npm-registry-packages"}},"1.1.0-alpha.076ed277":{"name":"primer-pagination","version":"1.1.0-alpha.076ed277","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.076ed277","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"6f854809367dbe3725a0c78c51b5ba691ec87c07","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.076ed277.tgz","fileCount":9,"integrity":"sha512-jkmMX9zm/AlKQukvD9EFoMEWddxwGCHln6mxPeNATMd3jpW+Uga40g9uYgtFQKQD1Giq707lcIl5KQgxhJN6eg==","signatures":[{"sig":"MEUCIAIMgNRhzueo195levmCV5fDOp75WV1bceEms6xFn8MsAiEAwUJvV3Recu+DFTIcZdhHWNE4W4Oj9MT4WhYLOVuGG+E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcNPiUCRA9TVsSAnZWagAAeHkP/RqoSjVpqpjLTdglTGjf\n3gceKOrOMPlt4iWMbDNsZo1gSL9S+xw4gGKKshQJP4lJfACKydhts3LaH47A\nBaBImOgmA+HDaq5FrDw7/IHv09EwvZxNScouqQgnY5wUMf/yzgoiUPhjRzTn\nbbRa9lsi2wX24piRnV0mRbyuBz7R7nijHjcVPfqWFSbXgIpOVOKx/8pC2qf9\nnfnBP9A04dXlur+x47QfujbT8mrBMXGpkMxGBMBV0uiQtIuzFX1W5/dbFEdr\neg7QJDbIXRkQ5YpbWcSLEzZSnhUa9JXSevHUROsao2ZcnOVC/jlvPo2wP/Wu\n/NI/RlzZsaAQX9/aSAWs87jIbdyZlAvWji7nQJ2vbe2+aAN1Qp5z7XH2mu4O\norEK9Xu6Gk6DnTs1DtGcfhZgkzwTvwgpruShOSn+ucS5Q8CWGJxHSZxiFC6w\n/bWa0+xNfeobEGQTxKh1ZLoOMSvu5nt7C6DSCLWPh69QzLcPcTUngC7dVpmR\nmzL8Gxkn1d2qF12V9PI2I0Jis6drAEFY1QfHj+Hhm6HwnSd8DSulmog2HxjT\nrC9SRjSihFiL6J3r/vMaM724pZMWx+ktkwOydrM8zvdcIeVH+1zrHdZyhS1k\n1YQ5mSMydJUOdAsMM5bE3xo+y+hkfx3H6yVSU5PhPqrzKKxLs+Zi8vjIdZAk\nI+UQ\r\n=36UT\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.076ed277"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.076ed277_1546975380317_0.08539999596592507","host":"s3://npm-registry-packages"}},"1.1.0-alpha.a4df514d":{"name":"primer-pagination","version":"1.1.0-alpha.a4df514d","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.a4df514d","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"0bc782d4a99feb737cdbe3c8ef9bac05b7eb129d","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.a4df514d.tgz","fileCount":9,"integrity":"sha512-dxZ3Ziov6z6ItjKL2vBaWy404wWk835BXgoxzIf2n2vEyAQExe606wYBkTkAPTiDSzem+Rzfv49v+GheJFNypA==","signatures":[{"sig":"MEQCIH1K5Vc6j+rGKuMB2on6JFL6BYd0P/USvV5OQ7jpLO7OAiBHpM3QDVva9vD2um961PcvVkd4oKdLxb9CtwHSdUm5Ng==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcNQM6CRA9TVsSAnZWagAAFDgP/jgexYCE5YyFP4QHwyvB\nLd9pr6qOWMNVo4FRy2cB34usO+Bl91Ge1r2G4AKWSQMlHf6ASl6LfoLZ6G1P\nCwiu6iNyfIQdnuRVkNm9VitMljoYScW7zyZ6ZYSgSv9fvPyjSfncGDjFGWol\nH9d+16ySVmqEf3oxU5+Fgr5c8xVk67WkBqtXbp7iZnpDpmE783qPKUv8cEcx\nnfUjYzlXmVQMWaxm5LS1k1o5SBDfRtOQd6Nhy7d8CjupOp0r6sB2RO7Bmowm\nlc5gNFlK7QUlTkHis7heoL6VJUiGaZO7+l6XOk3vQkU4wI5zdOxz7Y/6kEhX\nObn3NuLZj0NiOxcPbk7q1NHNJ5OmeN36cXyU4SyEKrDlp9y2M3zxkBgWjN4E\nVtGy38tqCBRthy4lxqLarm+luv/Ov8DZ4N2coyg1cGWJm7CTg2Z7R0KTxqA5\n7dShFf66XBFYpiBuk5XPjFjlky+gBlUzIDaScCMRM+pseBp6wuwDmlzPBsul\n8MANr13xhj+cuaUacBkpIBpcucUg741PcA7QB9mQ2+B/18PXkhjaHJVQRCou\n3TOjAQIOvx1ScV8LdCuy2+ZVSlLkR/4WrWdG6Yi+5CTmIXb/YXvQfl5VCM4L\nDAOYsW/FkyUe0FZU1rpTsTpV9IZpcbl8OkBePBDtSUiSlwd+wyxdW4zJKkQx\nlBhS\r\n=XI2h\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.a4df514d"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.a4df514d_1546978106284_0.9449243783434906","host":"s3://npm-registry-packages"}},"1.1.0-alpha.912f1fb8":{"name":"primer-pagination","version":"1.1.0-alpha.912f1fb8","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.912f1fb8","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"f36f847e448588a200d0a2da3b6e07a0438cf5d7","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.912f1fb8.tgz","fileCount":9,"integrity":"sha512-SDTuvpU2ud40QsxEBg9MBq5oOUeZi6d6QJLUVxK8y9p703CrkJ//M4IL1YQbqDzObdj+RhZvGnJ6wbsLMamezg==","signatures":[{"sig":"MEUCIGAQUN/N8Bp6z0DBy8WkUWY5bqgePyKqjKkBcxAQl3lkAiEAkgT+bPINr5yvjENnSzskRXmdBJHEsBx0rq/YB8bMe4o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcNQNvCRA9TVsSAnZWagAAcEwP/A0RD7VYsc1F3zFFs0BD\nzEpVflaLDzmEW6AyAMFzR6tBcLUPWyJlIDi6+Sm5o+b0F9vdVQ/R9HhrDBym\nOMlao4TOYfXge0qek5YKqfXNJyoQuTcICr1XreB2R3CoiITlydG2UOCu/XmE\nUikfyd7b8I49GLyKsHIuIewIkTpxQnwHfVfCo7TYoKoAwhaUO+RM1nUVyZje\nCxB457cBQ69V87/I7G95CbDBzVDQDi5bxI3VR1oSIFB3PJqcJNRLFEHFuLkb\n+NgcXmkmHG8kQT+KTc80Epb+5MkjELPeD9hTLzPSnXic+wrVptAkjbplyEMB\nl7xw5DuLtVVhkpb98fa1OyN0QJ+zkCx5FCHBnWbC9csqdvTAHPZPKtpVFPhe\nL7aXqzzOlgUxvAh4XWPg/M4di4pFyyX6E6uuVXs1VketF3po5KZ7lxTt8rLD\nQI5RgDUidXkYGhyn1jqMzBfG6tOzrOLxoLftF1VEYXcK9rhguV17Je8z+/Wi\nzof9IMwHTyfhf4Gn7JvvqHC0QfPjGiWZtbyomhSQuB8xh6UqgtnlC3nIdaEI\nZFuGa1WNEhpGzjjh2Yy47zSVaaqnshScpgtSXipqqq+d2vQf3+ZYBS1VPNFA\nJCtcrr+4YPY1vr5OchddbktbIwOqG/DuPRS4PJtu0n6nKvkwWCJPSBeVX9BN\nBekM\r\n=ZWXF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.912f1fb8"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.912f1fb8_1546978158453_0.688119407568661","host":"s3://npm-registry-packages"}},"1.1.0-alpha.97e04ebe":{"name":"primer-pagination","version":"1.1.0-alpha.97e04ebe","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.97e04ebe","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"a8fd19321ea131d6eedbe4327bf45b0fb90c235a","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.97e04ebe.tgz","fileCount":9,"integrity":"sha512-Wwt+9FJQVBdEy9lBqOp1NbqlTHVwuVzAegLOrLWjx6QjK+h1vLu6cdJlpVesY8jar/4cebRXQJEoqNYmFSAalA==","signatures":[{"sig":"MEQCIFQjU8qva83x6/+8uTa/JDswuAEeas4KozOJ9UJRBnf/AiBYJYyp6nnoq3vDAjVnIvNji8c+Hg5tqODHoePzclMOEQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcNQk7CRA9TVsSAnZWagAAZ4sP/j8L77cfkvwV2EWrEspp\nv5mVDqa+qXhnMdf/HE5iYQVKPm/KLB9q+XtAXciQrQGtU3Z9f1siV3Oys1Za\nvSd+e0JTTyOrh1LaeTp2DvPLktkLKIZmpF1dnjR1zWwBtUHl405vmaPZuC3z\noz8d9rPBhwZztBzf1JdGEkvQjDYyJjsWXmgX0SuJreHzHTrGP8OUzTyTpxmZ\nnqGoL64hjxBF3/bfhKEYKAy54MrKNDLHzTzHi7Tj7K109jyYmrjNrt0zZlFf\nhx/MW+/3C/6kRJvlAYPoio10FrKEhxXtvgb8U7vRncEFu9PdjGdJ5WXNWF5/\nxe+eGiZxFTcPKMrgD1ZXvvLkUuEzYuUUNYqEcDxPsWyVu8KM9Ys5hqKdiGwt\n7/hOYDCrXYmu7ZZMAo59Xf9BsvQGOk5/NDvxstLq76Wz+6Uf4KMdeX81dYay\nW5/05zTDufXL96saN3OMg+9UqOdoR8KSpkshmLvonrOcFwXIqzG+Xd27L5Am\n8MgfqxhWGDNa4ecaFitANFaQubtnfVCIw/O3g8b4gtQ9DjRrDnzNyIjWX893\nI4BYTuzNHKnXiI5xKLpwm75hLAXZjJcxBl17ZSbr4L1yvQNBxxbH67MOA68N\nv+6FHFZfWJqc93SzxC4/I5vaRu9yBuNm4pP8EXQKzJmcgD2TJl7QMnzzV/ol\nFIhb\r\n=6E8x\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.97e04ebe"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.97e04ebe_1546979642638_0.503232347978086","host":"s3://npm-registry-packages"}},"1.1.0-alpha.1ed322f8":{"name":"primer-pagination","version":"1.1.0-alpha.1ed322f8","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.1ed322f8","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"9fad90ca824a95af9c221934b10ed1eaab086dee","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.1ed322f8.tgz","fileCount":9,"integrity":"sha512-r9/ngTmdrCKHis0bgGmefWRY2eDfyPR5HbM9yYr85Wk/yMCJQWRad+odQc5vWbayw7SxJM4w7VYBsvtrJGEjAw==","signatures":[{"sig":"MEYCIQCmk68h28lqmQpVfft0vWuLKMv9Vv24cHzRkmYTjwuJvwIhAOTSUpStpCAyiX/LoQEo31Nf27UAhEpyoXpoLgffRBmm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcNRZHCRA9TVsSAnZWagAAXuwP/08jloIndOF4tVGy9fRy\njGPRPHKsRUfK3k+SV1bemU4cmvp+tH0PNMnX0X3GTC9j2Rdn7QvBkOk8Q2qu\nfoao6ZQuBOBxIOZuObNFFn/YqebqCQObGfnrYToa0E31gb1x2Wy+KNPslW3v\nnb/zFAxSBuO8GZgaaYqJgEHeyiLw79gEIEHiO6lz955vHuCslmhTah6APid9\nM8tNv1LxjtKdDjJpbdQKSNo0CM38bRYbHAEIrvQWoCAEtqNWKjPq/JHMu0dd\nwRCVodv0iSbou8uD4wbYNegNdHuBROFgZPbliyPSHaOGFroETfMPgmApx433\ntyf3mLLkhBt92DMj9x9q2r7uprWuRV0mCKMquB+6XlFaClpsaoa9M1JZ583c\nGxWNvHvfOiYywA9ruExbJ9Ymc7c2NZi0lwxkplLx9WyKJr6pQD1GrCKGDs0s\nO90nEiStfyzKpLKrHEzZoCQBFN+DGLgy048s+yaeSXpeiT0rOeo/7eBrYPx7\n7pZN2S6/ag0PG90g/ouJ+wA/xIfGTvqSb1R3uPk/29sd+nyY21dNTowKGW8L\nogWxVU5FmEN3nVR4C1FjT25rt+GnA3B0t+c9splmkTIigtZ6ERLjJyvu259f\nPn63KukcwERd10vs2w62PO/NpKlIQ/KKDnxJHd7pPOhpS7bxv9Z4DkusGKjT\naJfi\r\n=cr0F\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.1ed322f8"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.1ed322f8_1546982983003_0.8927662814083883","host":"s3://npm-registry-packages"}},"1.1.0-alpha.a8d2d06c":{"name":"primer-pagination","version":"1.1.0-alpha.a8d2d06c","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.a8d2d06c","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"e86bf7166a1b372d6f3fa5655b8dfe35207a5895","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.a8d2d06c.tgz","fileCount":9,"integrity":"sha512-cfDWW/QEEkVJ45A0Uw6eYCvx3jc1TJncEW0QF1C5J3BXe0GZj/COwa5M6lb6Mdo+I+txq8kH4bPcwseWCFDnZg==","signatures":[{"sig":"MEQCIFapbUq2JC9KQUvJXmIKPlgXgoNIbb40k848RrP7ShAVAiB4lxmrl79JYl1v36umOgGSuCxC+OT6ax5eWDNfKdnNVg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcNSikCRA9TVsSAnZWagAAVEgP/1wUQuyXYVpWE/YvntcI\nQOzJGjJahigELXb72Z4cqz+DNQ7W0eZ1fTPCkSIhMn7fQNAbFnby6kexFHiT\nrC1N8VAeaVDzfP4zoAo6kb7Go9GfF9iO8hTWIbW9novzGPb7BTfTO71+2Quc\nA8F8CtCo+ZN/HL4uJD+0OzFGD2JFPrQGU0lvX5TN/YfxdCX6wFMwzoU67FHY\n8+DoB3nJznHfRjF7j1oy9i0UKc57XMfst9Zd67qTifz9fRQi2510Suuhw5g0\nlYDdS5hztcUDQ6kCPc+JYfUZwUbB4phOqA83NtYNL/0LmEN+m0fAsZb7mZ2C\nLoddMRUyHszotZopl3GxV8i0QHRfYl5YN04S/BEal1wTxEIt1vpwQ5019W1e\nvYQ9vSehtU4y+67rbWcc80Xb9PqzvJdT7IRaHH44I0TaQEJpTyZNSFBa+bEL\nmzUKlXbuqtmr98lmI6R8LI1O8Yjp6ciSKqr8VDvvAqNg0J/Rpac5rGhPtuZg\ngPp8LJHfs85zneH2da/eA20kUGNna2SBHDm5o7LTiI5KsQ+j7W3+3xvkW9HI\nfV2Y95ttb3VhTShAi8ktQNy8J+WXcEi0N6PhlaBh1sdenj9k3Lw3BWQhjVo6\nydTELkel4fB48sp0cAyinGwBqwZyEkxHkrkD8hzZ8yY9puv5b4JhtaGf5AQf\nwY1x\r\n=bgq6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.a8d2d06c"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.a8d2d06c_1546987683624_0.6274035077614413","host":"s3://npm-registry-packages"}},"1.1.0-alpha.4ee73d2a":{"name":"primer-pagination","version":"1.1.0-alpha.4ee73d2a","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.4ee73d2a","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"3d5e63bcebc5c7c880d044afa4a74026dccb9cd7","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.4ee73d2a.tgz","fileCount":9,"integrity":"sha512-KDD9KGWdzy42AuMCHel9biuX5cPXbk3bLcFfhLuF0uKqvv16cHyicYSDLBHYJk9DnVO6OI/YdbEqDTxCzDkBwQ==","signatures":[{"sig":"MEYCIQDEeAgzvnpjFN2mOiup9SYbcMB/y3fpKtfOML7LH6XIoAIhAKgqxTYUDZjjf17Qsc2/z8qT+gLt7AuP+wLd8xbqlf+O","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcNSonCRA9TVsSAnZWagAAcuwP/jFSA84yxkfDF3PM8mPX\nyySIrWwQtNtFQyJICxMalNd53g9WnoYQdVSSCufC5t9eg6oZBm0sq3Lc5ixE\n1nVZwZCgfAqasQa+HBaJfntykzS6Jj4codkymxQDXt3C99ZoZnXcl2SN0qh9\nyp/cRQoz5khTUbFne/dZxz16eSFVxm3hT6e2Gyk3QngQwsm/yxKaozJE0nmG\nmmqp6mn7iozqmvaOqoAtAMIrao2oyHUflcm5lV6GSIaSPNQ9TdOjV3yPerdI\nL/a+jWepyUY2KX6vT4O8ESfXxUmBbrIEMjnvpP7XxIFimu4KXkMpMDxWlrfv\nF0FqhJDXT23In52vM9u9iJXht+nR9VbhUDcvg/acXOTngbLLZnfWTahXS6hy\nbP488NZd6lr255Vw+nlyAinkCqdZuAP9qY9E1xlyglkVmIXj+3ptqk8GORat\n7aumzOWTQJT27U14vbNemgEe8SUjzVBnMlUTF/jNM62YVExoCCLYIqui1SsB\nxDSDvPmoohOu0ra1m3AY04Ks8SLklsV2cISKfGGwfbDu8flF5c2BmjPbHDwu\nchn0wTCS0uPIwCx6lQT5v8m8g3re+nMQRVRa3PoxY+4nU/oqRRdeGyMBCJOm\nshgJgUCEyFiZxRFOBq1NQT7qFwo8lyb8igQhDb3oNqTKFliT5GjTRRB0FyZj\n4NrI\r\n=eVly\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.4ee73d2a"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.4ee73d2a_1546988071049_0.5997900834861909","host":"s3://npm-registry-packages"}},"1.1.0-alpha.36125bde":{"name":"primer-pagination","version":"1.1.0-alpha.36125bde","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.36125bde","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"1f9488bd802b9b7ebd589804b10dda95e3cbb683","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.36125bde.tgz","fileCount":9,"integrity":"sha512-cUVXURVPpGU9WkpmEK0UdbeT8A9oNaIfBI+/qgIw3sVrUnVZOvo8HXRd5a1Qxh7y/miJ8XoOflUGgneXAZenQg==","signatures":[{"sig":"MEYCIQCzO4fdM/Yucg3WuQi903LcluX+2tyh8+sfdvnVGhoNngIhAJzFZ74YHG8jb8gxjQPswQaA4eh4Js4+uHXpiDa1ESGu","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcNSt3CRA9TVsSAnZWagAAYpUP/ivRxASqbYKgYThNEeMe\nfBJNvhe6abbAuj5yg1fadwd95Ye1UVbE1VMpnSIOm2FOwdOji1+2UUfmOAcE\ncajOg8EO4jrf6g4whe57+6peyXHl8VRJTZ9ugx43Sz0kxxf9rigAOsq8JA9o\n+8TbBiL8Txkqgkid+9B9cB4Ya7TQh5NmNUzU4K3Fl5ZqR1vhEqf4d3o9BuH2\nMRu9IzP7Kf4Y1zSjgsnBn62PangwjkHLcgfFiolLoWKjFsiChQDtF1hsp5sM\nFKno4WVnh6icWhcb1t2j1RwF1MPmimI+9iDOgAEI0gbV6F+jGlPMDW/Cuw33\neggycK/aXea0QjJMphIp+Zkt5KSdTviFODZG5IEUFLc4bVjk2+1rOLejadZN\n9WoQZuBMnndXnn3g8oZ647xReVzqB15Wh/PNSsQPPfiCacR0bNfaZQ20iPhE\nLl7KuOeZAAwGWsJYx3PFC1SG5PLsndhp6q4cOI5NIJnB7v04qoXuNrwEWAMv\nSRm9ABdt6M1k+DVszbJ/RKM3y/t2ZqPpZvXQtkBEi1ZM9bLtoGvyy23liDd8\nnqQXBb7upHn6Sw1/ayv6GKlQOfpoP5ha8eLcA/xanTlIhrgoO1taAFAF+C2k\nuYT9plUAaqf8y9zu303FKLcEmJLxP9F6k04K8gnCLsAl4BU27OoLAF0uXUkg\nbI3G\r\n=QE9u\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.36125bde"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.36125bde_1546988406389_0.10700038061298822","host":"s3://npm-registry-packages"}},"1.1.0-alpha.6a37bfd5":{"name":"primer-pagination","version":"1.1.0-alpha.6a37bfd5","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.6a37bfd5","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"a963fa49eed1e964a1061fd589490291395df77c","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.6a37bfd5.tgz","fileCount":9,"integrity":"sha512-DbL0svK10Z4f2W8snjCldqWdplg63XawASgi3YDKozn2kR9X/EX4eb8BVvx8x+lj6h9XBq5gXrcJd0drt//yPA==","signatures":[{"sig":"MEUCIGQXlde1WP/nRvZWvXcypk7BeyMWXvdSWQNEHMYZQgeeAiEApgvzyTLECrifoH9gywAP5sTdtVrWPVswzYNvDFa3d/M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcNUgpCRA9TVsSAnZWagAAPDEP/3x584qkCw6n7TCVUJp8\nWVcj/SWywBkn/OACpvkZaZgz2ANbq1pLkLH/x0GmOGkb3Nn+FjHql5xTtIrM\nJ6pJx3ssqme0VZiLiqCoKj/cY3yk9TXnxjz317/1haixhgDhQOmakcOMf/8H\n6H2YcL3ykMvLDCK5xgElzp20ZN48C4cLpHL9AZHWeXCmW68PdEKNWeanRoSl\nL9OjQ+EiT074HUc+fg7UL3hTRb7BNlvKWrGynsJ6ys1/IU0MzatDOCF4+z/H\n68CQM+tEVIyUExgVK0m6qMTRl06LSG9LE/tKQK/jFNTrXHyZ15jEjEpGWBXG\n7QCstqs8WWDI0UZN5ZYbsba2nLD/FmnIUbcEnS5nS1sea2wxB0ESYoYcyMuO\nlnqZZfS0IKy/gADZ8AvunlopTp23OcIq1D1LH6LmkZNffzqFNA/BT7RBi7y0\nyLIJcFCOL2VKkCtUaFp0IC/9EGfN4JbNpAwBV6ww6+/x5O4npVq5m9wQ6ceF\nP+tjCpN4em8M9dlC1Fup5bGbkNBLLLLMToMVK4eXPSGqiVQ43L/o14wE/ZbY\nmNO6ava4pnrDXhrJcZu2fTUxX2MZ5NKxXMSlyTzK880GV3Am+gp+9GgnP3Z/\nllxKLw6IkOvCHp4bBFL7vMitutk0lGyBY9eVRjp/qhfkKZ65zUBMVgKY22jE\noXaN\r\n=9cKX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.6a37bfd5"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.6a37bfd5_1546995752427_0.9379006653641053","host":"s3://npm-registry-packages"}},"1.1.0-alpha.35d6afc4":{"name":"primer-pagination","version":"1.1.0-alpha.35d6afc4","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.35d6afc4","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"d07c88cf3580f4d723b126e1d0d0d601310f88f8","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.35d6afc4.tgz","fileCount":9,"integrity":"sha512-cjU2SXkqsFaRTzYYL/bZIlryrJz9vkDOH/tScfThBu/UHY2HCFKbqWbBqNRi4MCJri06ptMnLkuvBMqgD0UbSg==","signatures":[{"sig":"MEYCIQCGtWxldSJCIQpeW9JCC51Bx2oAKsoyXF5glPLH1TwtXAIhAIGJGM6ELKTYJWN1kpnOzjpu4iqgZI2IWc6hi1Tp+P3X","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcNUwmCRA9TVsSAnZWagAABeIP/R5BDDs5xICwj/vedonP\ntEwnA5f6Qm8buJisONw7J1DDkZDZOXeAEjQr18GN7IrCTmFDYfrXEp7zpbbA\n7CTkFzRRbYE8vzyvNaEldumV0zcNagcizKBDA+IzrKF3eMFGbRZxxxjXGqaM\n8NFIN/vjZr9sciwTHZnOT07zy6gyLZwIoUjrxOinL08aBe1+MRQT0f3yl1B8\nl5tAZc2ce2V3WhqpfhCNEUxiYhRavjIg+aZBS1YP73XmvxepUVwItZOQG7UE\n+MCHtT0g9EjqFY+GwLuownqkN1UmVDGVEHUK9YidLtfwWFlDHVcvP28vn/tz\nGSeXQunmpFtt3F3wGQPhYPnDZqQVCTuzOzKGAQTjsrVeGzuWc/WVSlHM4np4\nr8X3fuARgcqI5V8EFtjXu6AA9IVXwtb93LtUEAkiJyhpcAoGXKOimtT/zHyo\nbWXKzD+p9wE2sdoxJoFlN2aMT78DKYnFC9b2DvuqGp0J7HPXvNBhyg7DDSt3\n6+0+4qgGSz1nLFTiUN0UUTaVGNYGztahcsglHk3YblFOpgXjr3fo8eKPty1s\n/E6wojBiJz0P8giJDnzIscZ7um2tp4iblyYSWzXNKPTMZ8v8tdr3fSW+MXer\noMx0P+iMSMjtpaj6QIBoIst4A5oE+ruxSorwlIJiv1EhyKKC64PXMMdVC+zV\nBN5s\r\n=v0uU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.35d6afc4"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.35d6afc4_1546996773506_0.20419528037483814","host":"s3://npm-registry-packages"}},"1.1.0-alpha.88be8a95":{"name":"primer-pagination","version":"1.1.0-alpha.88be8a95","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.88be8a95","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"93669bd05641dfcffeecd7d3f1be94b02fa68a9c","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.88be8a95.tgz","fileCount":9,"integrity":"sha512-2jg66pJ+6rnJ1HaIzRIPAqw/aREXIRl1/YwCSw90pxTbHzIralA6NfNHfmYDUQfGZCwu/8Lkx8o0tmTzCyLC5w==","signatures":[{"sig":"MEQCIHf5lja2MSlYug6JNPuXPjA2l2ph7nfa48IyJQtt2ZMZAiB/kHG9vQzB9VBFn3TBMdpdOPI0PYnG+PIDXhSZ+McAtg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcNjjgCRA9TVsSAnZWagAAtG8P/29ofStLmag3Xo4l8ild\nFyGUUifK6VUkF4A3NyNZz5kpdVZpGq24hiR4mlwePB97IymS9YGwWqe3MTQF\nFjEQIUsOb4VtLsnuVPECnNICmQG8mUV3wwM6S63qCKEtDKUHqU745mHb9Y3M\nWIhoVKads7bFRRcHvVsMbX8IL/2XAGBFQr/2b9ZBye3tx1L082o8r3NRcIl+\nCRhW6Oe9p7wWPKqJjXtzWxTgCm6yzpzs7pn9h/ZNlNXQRBYdgHl2bZEJT/5O\n035cWkJPBOXLDiZqeigW2v3Epb2Fn+NorgdCWK56Z+jof9CMncjrKsL0wySJ\neNeFVyW7/zsZFAcxkwz/UAzevlNd9iwrz7Rh5/6hWNHerwvm92FK6C9sAVXQ\nao7hjOf2KlQen2ra8lUo81/+qiQtDZZW20GnPqHA2Vy25NlsnbvNDFI2Aonw\nHbGTRQ56BjwR1853nuOgVY3ijJxp7ChlwA5cKDtSkmqjixAolKK/j/d1ONAA\naIRL343h7SDOMlA0MURvlyAJgsZo2mzOt2grBEHOZ+7uQ5p7lzGH1dPCguPW\nxxp1O7J7e+rYW4H7Qh4h+K5YgOASMaTVjJgM8GM+vvfCMRHnZgzZE4k0Xtrc\n9dCAG7XRvZf3NOlRi/ypl6wvaxioQCrquxnOTrmGX2LVYZb5WDVDRnbEjdNg\nT/2+\r\n=IWg6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.88be8a95"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.88be8a95_1547057375882_0.35076890539056427","host":"s3://npm-registry-packages"}},"1.1.0-alpha.4ab66aaa":{"name":"primer-pagination","version":"1.1.0-alpha.4ab66aaa","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.4ab66aaa","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"e4be6e1f3efb6d89c53bb8cf2c391f63311e6bac","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.4ab66aaa.tgz","fileCount":9,"integrity":"sha512-TpxzLdi+biK//d2xLnN4hXLLrdKFIzFeo1njzBt66tGwhfHMTzG8jE0RQ+uimZ0v8WUg+MGNRFqu3t+XV1nsng==","signatures":[{"sig":"MEUCIAvJKtEQOQZjMsajPiwGw6l6T/HLgiP5d7BCxhps5zDZAiEAotLCKiO1Dw0uGxbD07Mf4jEvZWdHCBa9EJ/Lu8dWG/s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcNjnOCRA9TVsSAnZWagAAK1MP/1HPr6VYdGshhJ2wcinC\n2gkaFGFwAxs7FF4Nxn6DCswFUAuJ/rc/IlQUcKFBTOijPwzu3y509KW82C/w\neAKFr3O6yOhh8elaX5UgXBXGFSK6QZzfG5GCTIlYgvoxQLfCAi2b4q+QGPpC\nKrJjW08mZZj7T92K/1A8jYtK0SptAaqCz1r5eQK3ChfwRRQU4XtBzlJhKX1f\nigaThZStW3ktqQ/wF0uymeZ5KIfX+vPtgsW55K2LMCcKGrV/9nRcays1/SYb\nqXnFL7Oe+Eo4BQJQT0Vb1wbojP7XnPjGRvz9rPHUs/bQKM4Yt2g9w8PRLO7n\nIHHFOzeydk8SuzPZyvV6VcFjm4kbYJ9cJLVmJgzSATbLYs+Ix1x58CsXeBd2\nZyUARVzR32mJnu/rzxXomrtuNqpKUncsaeS1QAWggi/k5cWwcSMXdywpTr5k\nmFOKiA+/UWFSmwU1ZrPAzoLQvwbqYuA366IRPzbJvjWgBb1dSk7zZchm7Y5+\n2BJBg/8zQo2s6lYCtKuRri1556DhLCURcH8xnw3tsU1vpCMPiPhyalksyC1u\nhbYJ5akHlsXj+wqHltUjIgHJuplnXwcs0gdGkcJy87Wc82d1aG38hMbC1fnV\nWGb2lHRD52hueMVa8BTd7Fxm9LeGuDEIqzqlJgmMCDgcefMAGh1nvTOyxulw\n6qbh\r\n=PTwN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.4ab66aaa"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.4ab66aaa_1547057613874_0.899114445500182","host":"s3://npm-registry-packages"}},"1.1.0-alpha.6af250dd":{"name":"primer-pagination","version":"1.1.0-alpha.6af250dd","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.6af250dd","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"a5dc317edf7ddc009a7a536d11585422ad4b2ebe","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.6af250dd.tgz","fileCount":9,"integrity":"sha512-E2vQatNQ5lgJP/MWhn4oJvOQ51/T01esCsRdYvV8y0S8V/1yt2NfQqxF4Oc9eleeBRx1ZnwHAlig22YVeGyCPA==","signatures":[{"sig":"MEUCIF9jUXqH1uUdgXyKvsPtYnmWfkt0ou7dPmi5unKIvopuAiEAxqq1a3d8kq7cMzZUH3cv9/sfR7AI8Flpa0eX1a7vI1k=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcNk3qCRA9TVsSAnZWagAAmMkQAJ26Hp7gBcRYixHXD2UW\nwuFoZDSy+qF4ZOsLDqCFNvK4CcWhrTOMSZnXB0g3iVs68pHiDfRuunJ6CAd+\nshv6JRJRyZOR34ykGANRCpSGSXSn0z7f6MH8HXqPClXuDqZa4skwdC0Ysagg\nehRmuHSbVHb56SzhconH56o0ETn1KHRTW1GYhDJ6eWeOoAU7QyhxF5Eu8BeI\nC/+nCEsjyldLA+2jwS0tau/oOIxaGz8pfMnZLlAKvdmIOKzvJPvdElfk45zR\nkMlhd986GzSnPEN91zaXOE1DPyPj9rCkWhpBrrAC2cwot6F/rVfXd9cfTjPb\ngIcBLGSeUrXmOy7XpgzQmdt3EMPOnFW5w2xYPp/8IXNI5z5fcMi+Qpr4c8nJ\nTCAbF9L/51GB1NTMWztyPkilrejeTEXVsZFn2/QH3b5hRTtsZgxS181KeDF+\nT0WUwK40kKr5JRD7uytV6raN/Vhff9Ga/gBUId9LgAucnMtbkI2V0OZL0teO\nczake/1U8esbjEu/I/U2O3OhP8Imf2ZADzgtnf84l+AQ/xfSJF7LwNoCevUH\nbs9Cg4/UEDLwW70Gd+gtIL2q+CdykE+NsB6BioFyWGn/CjjwKbI/jv33hVIf\ncbPbZLvH8ioAua47IA+lMQTcsTYaPNz17P8aGtCOJDnabLPGzpv69/xUaNgk\nuVva\r\n=i0Q7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.6af250dd"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.6af250dd_1547062761763_0.011943164546900142","host":"s3://npm-registry-packages"}},"1.1.0-alpha.d16597a4":{"name":"primer-pagination","version":"1.1.0-alpha.d16597a4","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.d16597a4","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"c8a1d31f93abbd86e9362700d20228d05821c8fd","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.d16597a4.tgz","fileCount":9,"integrity":"sha512-mG9grbkmPxSMIRw9Z8ivhB+1ODQrS4SUBV66LGWIaXbhnwDnu1kBjot9qGQEJZYTK+XI03hlAKhMaF0gbRClPw==","signatures":[{"sig":"MEYCIQC/sXzxBZzig+TSnVIZUTqa4kt2W9tAIoljOBEvrnys5AIhAONG99OU60EVqGwKUU1qrBMwkd8MmlaacFopXlBLBT8U","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcNk/BCRA9TVsSAnZWagAAEAQQAIzqUVyCMFHoqGgnha64\npwW/qRKI4Dm2uYApVdmwSYtnnvj46u31jTX0SnGz4Iii17bU0dZEjMtFydDc\nz+dybvUbJJJoLlL0EK6Y9gYheAsDF7pZSi/mUqKCSxVlx2cAmgKMycxJvYFA\nfzztMrJpMH/iU/MMbvLB7UBV+cZyYaoKAmRbRV4TuaQs+O3vXsSGB4vhucH3\nOxYo5kcxgBDeY8TJ6SkkI+kzz96MGc2EhmvzqhabwrWsu9o0z/qi8uRMgsHf\njBWEXi2ruiQLqPkMHTjUbBVXnEfH/MIJ0DyJCQ/5qHD/LgwMm1YZsVWxJKV0\nr8ue/JL208CSATjx8GwBcq5ktHiqli5T83P7PnnBf9bSignbELuJOTmneUCY\n1RV1b4vZgqVu/B0zkUuRTKo4VkM8WZfPOLp7NuREHZYbLKQTTSwkKnEOAJf0\nQtU1pO7Z5n6C6ReSEaKnFNaigimVeMfLtSnPFjgwpQ+UWphO68Yg3WHf0eWJ\n6+SqsYYaaqW1LR7f+wyTpibG4vRc/8xDgZzlhoUa8+FG6H7bUKsSBAjCCgP1\n4e9u7Vw6nxpK8uQ/58pPzfv1DPODn5k7JOprbjmFNWa675wvFJ2uvN5loao7\nnFH+qeysiovkPlg75WbBEDdI2/WpYw3MxaIgrp/ZR3eATXxWbmaNAF9DdxpU\nvqP3\r\n=k44D\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.d16597a4"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.d16597a4_1547063233176_0.48268265391624054","host":"s3://npm-registry-packages"}},"1.1.0-alpha.100c45e0":{"name":"primer-pagination","version":"1.1.0-alpha.100c45e0","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.100c45e0","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"fdd928ab7389694d45396bd01bb3551bb306d173","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.100c45e0.tgz","fileCount":9,"integrity":"sha512-GCydDCU7SuTdbHFy1bSAIagvnb3wtoEI3vkTOGjF5rHQdGk3uHX0JiGsyaYwh+7V95+6kw+bpCSLkdA1GuBlyw==","signatures":[{"sig":"MEUCIBf4QLGQXXQJRdSAhyWlsCZRYbkCjMtoOZgM4AGa8zjsAiEAs/ergInsnzpi6PR6JUYzaz2H90d5Tuvvd0gPd7JD3Rw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcNmkICRA9TVsSAnZWagAAtYkP/jduNtGw5NaUOashdbZ1\nkF4K1i7IdMCHFyNqk6upHANdEEriIRfF1oiySmuK1pdnmA9OlAXkiPDk5fXM\ndcDq/Gv/Dn7Dpyse6Vx2lySrY6GqcY+gUheqo+nWOkE+Ba3anoUEeiCUZOjz\nRLdNnHGt4W2SjNMnWPtsF524+z6LEgaE/EGn2zGxs/9oueUHzhgL1Ui2/sli\nF+/KtTHfC9bnb96Znxb20//0gw1a1omG1lK0iheOl/gqVG4h7GGFankIfl2W\nLryzf7xm7m8e08oxdhrmKhqPQqG39b8XmquZvyeOBDun4cRWwh6AqREldfe0\nNlSerPgjDhWtPsBZHEenKo+KnGWQ3ROZHTiK9I/UGTn4IafX7zwcdjFjWMjd\nqJuPtLlidVpc3BRnhJ1hACytu+JQHzhOa6HgFE57MZsZCB1EMLp/J0Ft9HZA\nyTU+bGjhjbLNERVsiBD/Zha6qJh/qdEUhgu6yGvUonGu80/vnz1VVeM/LwCA\nogDyHiz0e6kh/X1pQuKE/oY74gXPYPxZST+lE6jKVgGKWk7Bsia0BQuhRFVd\nXBVPQRkh/HDS2qiIhljEBIvaMZp3GGc42g2+K/WphV4DWin2ZSlwr8JcKuO/\nODi1G9F5WXQvhnqpdHfySa7d5WEGFdCaLDVCQQ6yso62KUjnV8nX+/7F4FLy\nKPe4\r\n=B6bQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.100c45e0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.100c45e0_1547069704338_0.47718795271044434","host":"s3://npm-registry-packages"}},"1.1.0-alpha.c5a475ff":{"name":"primer-pagination","version":"1.1.0-alpha.c5a475ff","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.c5a475ff","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"73c9480abc9226535c2239393aed937049e16fa3","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.c5a475ff.tgz","fileCount":9,"integrity":"sha512-S0jb292ZuyQF5vvlGvwuQNXMNsx3XWy7zvRZ3B0uADTgLmFDIRFw1Vr+W2d9lIuzZFTij2Tu/HN6LrPhPvk/Iw==","signatures":[{"sig":"MEUCID9CkIpBOSX99/fRHnpb/0tNjP9/LBoNUE4u8v8cLZ7OAiEA7VZTD/BpJha9OaJulRYJlmvQPi+/jCkDJQsud2JAtnE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcNm50CRA9TVsSAnZWagAAzPYQAJpswW1WLMgqhrzIuTs/\nSET0ArTcibuOOboY3rd18f+egBOI2ekQ2+F2PC3ZRMEY1/e6lYN41OhlW6Ij\nwBA2ebf6J0T/EUhytz7y9sj6hMFTQ7Ci4pSbNce6EZss9JADM8bhkzfeAAWa\n4gYVnMIvjT9OQOz0uj5dV3w5w1chqCNjMPcNiFFt+g66uHiJ++eMdk9r5haN\nzptXL6v+zv8QtMQtNUkac4U2ypLEK+qBisvRedB0wLqAsN18QH9TrhgBmfEQ\nS7HgH6DDuiWcpNSoTlKYEikSPCUCMkGSPLbggqQlMRnpG6sTxcAFl9z45/HV\nCUzVSYyMKjGXWc4mNASeFTvi8eDpqhrJXDEiLazMU4fsJyJLGUOqRbkLKHck\nEW3fWoq8aQciEzTl7bQrXpc1NFQwouKkpgW0KgQaCHjKYRDevBCpQhfqja9g\nwjVOAqNJoVN9FMvnmd+3LU6ylYEfsOWv/sJAK08qRUKeppy1DLj7mWZhOjZM\n6o64V6rFFdmtIsSm+0emtH9vuO+6K2YErsuHsYSwq2UgpG1tO72NFjmPHXiB\n0HxKju1BaMAPHrqz10YsdYbaMJDm/yR+m16ewRUdIgB1YpEd+ePbf8ccghkG\n4HdvPntbE+0832c/L+x26SwZ3wL2LTDho+zcMlVSfOPJo1t57Wv/qy7+iaZW\nGUL9\r\n=kngA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.c5a475ff"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.c5a475ff_1547071091538_0.7077612408399958","host":"s3://npm-registry-packages"}},"1.1.0-alpha.d2e6ee2d":{"name":"primer-pagination","version":"1.1.0-alpha.d2e6ee2d","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.d2e6ee2d","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"45ea36881c4ebf9318727b47c07b53d480035430","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.d2e6ee2d.tgz","fileCount":9,"integrity":"sha512-udzCUOno7RVT784ZWTf6B61qbKmyGBPm/OjVclcOF8PmLI40wTehCa74F7HsSknFXUz/c+gO+JQ/V9Oqt2wFzg==","signatures":[{"sig":"MEUCIQCwtywJJjdsIN0Vw4bgIAbvLjzZGiTOOigqCt//q3a+PAIgRCo+seRS8coRB42GrxQsqZK8byHOWE15saF+FCwbAKM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcNnEeCRA9TVsSAnZWagAAdY8QAJQVr1zCfLvLsyCApq3y\n7pyS1bPkxqYcBHwJ0Aj4CdfvKpRLnedo/5oxCJuvBG7f8/SSPGAPbAzKaZPp\n4HoXlYSlDyjAut2KRokShhwHZtzBRRe4tdFi36ujcm+U1kDieMAnip3DoUAG\nWrLJOwWYod/y8ymAT1U3tXuIQR+7JyrW9WbrZ5ggMJDu8E56/6GzjfTq5bcx\nkizppM9/YeHNY8IS7YgfwxOY08iCW0kZG6MlJjemOdcEgZQBqK8R/cm7FzE4\niA9AoRnVOsxwYIMBpD5a+SVfvu/dEn/L9aiQBnY+2Sk1aWSLHsa9PFbuoR+j\nKGclMSMMw+ZUfi9gN0KuitCaftmb4izqHkwWmzzZRut6Gk2tPamMg8ejMLdm\nJ6LckvtXtGrMyknzKkFtS9pM1Vt4TS5/Ye+wH7D9SUw4ZrE8AO9I/Y5Yq0H1\nrTU0e2AyAJn8oUPHj5bJ2/Ty0Xdw9vWWRODgvPxzgU/5Lp9gpXNo2Y6eLZK4\nrTjXeKeix5P9fHxpXBnyu59JsK+I/usYNU2S6150Elu1SBGwU4gmmH5AwMww\n7ddf9SYGrxDiWIr0jehXzqgG4tet6/wUskfK6CLiKwYW/Bav/UyuKRPqCfIr\ntLyxMX7HiYA1QHAZYuONQfVjg5jJlgTJv1A/QG8QwcPaeC67V4POJrKIL0jd\n+9fh\r\n=+ZW7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.d2e6ee2d"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.d2e6ee2d_1547071773727_0.6974770871487894","host":"s3://npm-registry-packages"}},"1.1.0-alpha.3bd3259f":{"name":"primer-pagination","version":"1.1.0-alpha.3bd3259f","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.3bd3259f","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"626f4512292ca375ca56fff8738cd39a5a6d858a","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.3bd3259f.tgz","fileCount":9,"integrity":"sha512-pVY2IsuGka7TnSJ46ekA7qDJZBDov4AAGwaYQM2h65mRij9iL32oXc2M+pOaRvpUDNZyUmlYkteu7g4iYhlTkQ==","signatures":[{"sig":"MEUCIAWNIBiNHPs0+fwVRc7Kif6Fssm0R6iiWtovyXxo+Nk/AiEA4MRZ+6vDYUgBwqFCUPOG/ZR1GGDNMUMqSaaXn3IMq40=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcNnNRCRA9TVsSAnZWagAA0JYP/3E3IAHL3iItjrKo6VKH\n3Fw6V1QCJwIReNBvFb3LyjcSAogPtnkj5fkz1OZdtDhv8rBooo1V3Rk7bFh8\nWrDGVYl9p4au2CY3SCqMMeyxDim21JZVQlCymJJEyVitqBGYjts5COM0JjHu\nMFd5Nh87AcoWyuU5KKbvpS3dcPkTXgnj+cs0UAsW4w42yVcH5Wo1qXQOuTT6\nhR97dFeYtQDRktGXDY7eNsuRIUnTdRUbLXseLZcDJVzul3R/pi8mbMnWyNgl\nwHSW1yDlNy4J8+/1R/X3+Nj2tqWTq3ZXJFAF8JmDQJctJtOxhLSGzm3775Lj\nNfYoqmJX83eDu86dWzm20uiS1pCOWMy82UaFAG14VtCV7RfzhAd9dZMEnrGW\nB7MCJLyMPZylMuFKV8UzBlH40IfpAmDvTfDwnn7mZd1vvzNi0So5vnJmL+ve\nBbixTyfJd1rOvFurx88sJRCrO9R7GYvKfu5DYa7O/ryV02PBEU+txG3+oP94\nmCURCr9+CiuK9IKeiUOzWgbTL1ebsmxn9jzaiZop0mvIw/8HAH2oHb3gpUJe\nuM06xrmDGuLA9FRGkn/R1pYqvjBEef8QU1ZZ+jiU74IoJQss8doiMrtqvA9D\nlwlLPr60qfQB8kjdfC3cY6SYNeNEPLvyf7DpJzcqjahGdmnNG/JG3oj9h6ph\nKqtI\r\n=TjpX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.3bd3259f"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.3bd3259f_1547072336805_0.1402206148338876","host":"s3://npm-registry-packages"}},"1.1.0-alpha.9798c944":{"name":"primer-pagination","version":"1.1.0-alpha.9798c944","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.9798c944","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"aa4a400835793b5da715d39ce8a4a0e6319e13e4","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.9798c944.tgz","fileCount":9,"integrity":"sha512-TKi4utxSm1D0zKjfJXBpZGfxGoEi5vsVHAzzEk8Llg/HYuIYwpBPGIKP9TgtE/Gxl1jM5LI1oKqAOKXNitHhQQ==","signatures":[{"sig":"MEQCIE0HILhossI2/0LE2tUAeXCxR2fFcuO1E+hA9yzr1AW/AiAnQdufoay2re+74Jx+uI93dLrF74jKKiCT/zQkOz1z/g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcNoowCRA9TVsSAnZWagAACHEQAI5R74g5S9TRNWcbYHv+\nJvbwi477LrUJSYChrOYFz7hXmFREhZOLWuqF8GIxeZy+U7tFTzxXwLTgWzFj\ny9ecO+TkomcRUNAJDdrbYEBA7VMyU8DNFWDNbQ7qLZG/z1V/RDQOZZKEgsbs\nplQPoPq/Z2vASaEbi6Q3sbPW1YCm4zyJbPW427mbezCBgzQ79Z1qyaqpm9Zr\nIspVjUDlG3IGIqMXYCxHSERlNZhBtULtQaFiAjGi4zTDJJUP3fCgZaDib1Am\nzK04O+quprbqDBpY+3kVK7FY3l6yrL6tDZwR1a5JWOKLnnveyKjNn6ClYx0b\nQkax/uBlRM2e3knlcEYDo4lZCK5zY+1nwOE6jD0Xt5xrUJ07IklM7nAdIpkY\nhggYPfbL7qwBP+bZfLVrJzhRGnmXVE9P3kzy4IDrxJrW6D4WnCqi8SjBvOK3\nlrTj7rPtCGi7q6O8caG9LMd4n/dOg5GR05K2FuO4MaLY36D/bGKeePn3DG2s\nYdBfeJUHlI1g8zbO9cyoWP40UMYa2kK29PyUEUn9UsT6Cr2mFk7Y2c7YGdA5\nAORf/cD4JpY3E8O2UVVcWAJXaorSUjAqsNNDC1PG5yx5r7x+FwKiW6MVsgEM\nxQddR+LV/I4xBUjvNOfLZ8+QfO8OGClPJDfdmiwIfUAlVEZ3xAhFm8oYlLlK\noumv\r\n=z51e\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.9798c944"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.9798c944_1547078191410_0.5895846712014747","host":"s3://npm-registry-packages"}},"1.1.0-alpha.6f43d81e":{"name":"primer-pagination","version":"1.1.0-alpha.6f43d81e","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.6f43d81e","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"df62d1e1102da9cd008a2c122012c0b79428ab23","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.6f43d81e.tgz","fileCount":9,"integrity":"sha512-U38cIwPJW9IXaABadUSFuCC35fSkTqXReq4gpBrIma1ZofvkWg+Hlqsk4q6C7jq1hOdks2ikXhWFXe8IizBPRw==","signatures":[{"sig":"MEYCIQD5MWvI3xyf7wJsJ6p8QcAxtv7M8CAIvDU8JrkqnVTaDwIhAK8kB6LBFw0p86BgF8nvRLQSm1uAqFRrEd699YpPiRAU","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcNo84CRA9TVsSAnZWagAAKXEP/irp0BHHzOgnGQU8YQNt\nDmMSN4CQsTu684XC8sA+UxGU+7GN4GOnOLEKVbYqP6gWE5D0MgmhSI4ZDSqG\nQM0rYXMqDqb7XM70Ek+b+be7Iq54JDGDjq0vy7aoOezDBUWJX+X304W35RhZ\nBlJazNioj5b7Z73Ef8IcQSZbZ1Eqf5KsoX4Des6RfABOJJrYQ1sYLgKogj7+\nHUo7v1hvmcf7jplsfdnrS6J+4NeLyu5JXcfBz/u9iAXvAAWwwxb8iqHrTv4j\nnQb7sIJ+0WD5LVoNLNf1OadUImYvkWN0nFaz1vZffmq56H3Wqzg+X8H+pFfO\nTgQbO5YhV/ZILfXQa2/l5EThfOc2/v7u5dTEv+hsxLS1WkwZgRQqg2IYJQ9N\nrWMUeI5PO+JnSQwxgSrtJLbttE9RjzBn1zkpYhsJwhBJj3d4HtNmpLqo43n6\nAV3LeFGloQFewIqk5voyJJb1oi2aIAYRcASKaqTWL+8yKtsJQLdjFnDFxUaG\nrVDGPf0UKE85tHo/HPRaa2evNPseeQLhU2Kwti6ESgoej8Z3zvAoxPCN1dsv\ndIoesGjLKTOV1L/rntF79NozbA2DDZXAeU5skd0oeEdorkdDI1f9OKr3Im/h\nxGuK9mYkNQzK52W+k5wEoLzd6ywKW4A73OOGKSqBti7yYA7OOEayJdQ/zmSr\nMnYc\r\n=/WZP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.6f43d81e"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.6f43d81e_1547079479586_0.8192862050624461","host":"s3://npm-registry-packages"}},"1.1.0-alpha.ef34ab55":{"name":"primer-pagination","version":"1.1.0-alpha.ef34ab55","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.ef34ab55","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"b57b0beb52849c85dfb1e7e9cc3e604248c8882d","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.ef34ab55.tgz","fileCount":9,"integrity":"sha512-nDu8YfH3hA99ZhW4D5i2pePfZRzoa6OgEubiwmc596fS4fYIn+9A3d9My+eL0r96KE5DdyWrm4x7KauxmwCDTA==","signatures":[{"sig":"MEYCIQDMV/EDWn4AZXd42zae3nAIHhR5iAJrEMhSOOnJkceNuQIhANLWKmYb/Y+PRLDEYrLfU5Fh6bPRq/C7dMfv1XM3uZLL","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcNpEBCRA9TVsSAnZWagAAiUkP/1LmDJZROmAt/+uHou3m\nhxOh6rzKcVnDpkJXoNzybWoKf4U+m8F5BesZAZu6LBKv5eWIJieWdAw9gFuY\nimFDmTlyTI5aao1/dxC7G/ZHEg1UJclRp3b3scpVfSRfYCpJdjR92+ZXCqDA\n6UFerilCw0Hm0ymXlmR0JvYklxmaStIuoHjlsri7vGlmWz1LcrVwpiXKO27p\nNC5zk6w2N37vF8z6WuK14qoo715KURh0+s9GDSU/b5RhM51/WSetlcK7OWfn\nPIHOtZzf9WQZWvGce7YBi/j5zvVdM4MURbqo24utASED4xX9yfFiNBVnHnIq\nQPHuRfKxANyfEtuZ0KeJSgfFftjZDRx+GWxnwcTlL83oU+0WOadHrOqjyhRA\nA+Urqb/tgXDKc1dZvVR3FtVbyutT6cSz+H+6/CAqnFEP8HcHmyhGtB2vrMEq\nMknS6v8P+8s4vJLiPNOZN87KeinQ/xoeM11CPPzMcGbF6s4AMvKupvxaEbRm\niPCZzReNUHhqcpzDJPLwAMIPrmnXpMW75SXBA4hBucCXr7JfN+6UcA8cykaF\nnPYevzG78AGoKLCbMX3qhirigfQdG8AideP3eBUfQ5Y1ynJIaJGtArEdqT8N\nnEEZ349o1dBY/moqdLnwudtIjtZJSzaZweTFEA0ivtXECO6pnl8lCHAbZcix\nG5/r\r\n=hdwk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.ef34ab55"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.ef34ab55_1547079936819_0.686819415818001","host":"s3://npm-registry-packages"}},"1.1.0-alpha.a6cd7ee5":{"name":"primer-pagination","version":"1.1.0-alpha.a6cd7ee5","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.a6cd7ee5","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"11959a0ad30a3b61ec73173c6fa12ecc26b73870","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.a6cd7ee5.tgz","fileCount":9,"integrity":"sha512-qJgsSNBOuvqgf3dllsFAVPEPjZtYReB0nOZwTOrwZrfSwnWYHXb1kH/Ice2VH9wqsJR5UbDHafVDjXuc7JRFdQ==","signatures":[{"sig":"MEUCICN+MzYKGWQK+ejqpqGTEox++SVjrPN8opWbsk4O0iwoAiEAtq4sMrv9t92GjLFpXWl+CEvG3sRM88shMdVau8nBx7o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcNv5eCRA9TVsSAnZWagAAgVoP/06vL/F0vRqfzWbj/J9W\nMulAL+/AxxSHANa9MFj9rXS65SRGxdt6Xz2KK35hXr4WC1BdKgTFsNIdPkR5\nMp/3D57LzDg4qlBpbURZACSFy3lRsS7C+hbyUY8+vTbvdkRXif7GhSvVgWWS\n7AkA3MaVtEc+FWc1SKlMdfOk3SUNe0b9Zioh03HWsR38AuKiVkmE2ee3lW4S\n7FwilH00RuQytrdBkBOF1NfWUhfUCPSe3k73biUX5uDvgS8MWBBM77BSiQOW\nf1o+Y4SxFjxQ77lx/dLxxh/XRqIU3EgFWuv5gu/wyu0QmgwF5khBN7twObf4\nWvEOD8eR5QRQx7F8y53vXTHqp7yIhJkbmOZD1iAR6Ev6Zx1IIZyepCrX4qcd\nqdRWM602i3fbEp7/aOL6WHV5khdszPckVkZDziasjypLykjR6Qfxu0VafcJz\n29LVECpuorHFajuu3PpgtWX0QP9b9avXXBGKVCu4HsR1ix+B6FcYUVEw7mp1\nR7mw8IcZE46a11RmAr/W2GEVDBzj9aj0m2ork/ALpxNNPPiemgDpOQ/UHpNS\n67UARD/yHxJiVhEldci2slcMUIih2qd6IY0divrr9DWYkanjberSn2lHr8fW\nNsb/qO/2+6JcDCKvjROR8xTefxwx0zcncFC2T60IBfJ1OM2MaoxQKthf8fv8\ns2w/\r\n=Fx9Z\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.a6cd7ee5"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.a6cd7ee5_1547107933678_0.9840477499983824","host":"s3://npm-registry-packages"}},"1.1.0-alpha.45cd0ac2":{"name":"primer-pagination","version":"1.1.0-alpha.45cd0ac2","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.45cd0ac2","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"b69bf5627955e76d2a99654d927da19c6d3b80d9","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.45cd0ac2.tgz","fileCount":9,"integrity":"sha512-k9sSCi6DnprlagN9RxBq1aEjdfr8fvwZHfV5tXjoXhZ2E2IjjVIIYLYxIjcYAqNyaISwO8M3d2141lNBcNpDMQ==","signatures":[{"sig":"MEUCIQC1JDRUI5pDs/Ci0k06ecXUh9LwLveIQUOiFVKnGOuICgIgO/aZ0v3lJS0HwhMEpe+PexcIq8j8M1TNBQSKrS/t7MA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcNv9ACRA9TVsSAnZWagAAjEAP/j724+qbecep7/G1fCWj\nhrpX5HXXc1vJBU7U3ydyh+xqOva4bwpv8+FUK9gdyNI27peJhrCThfeUCjSu\nS+nh2hXqZdeFIdrxwd4zU/OghUzsWerIOpl4tsl0JPUqHvfZDc/I25cVh+Tt\nTJ0ssooeyACk59BdIpDO9IbG/GHhKkewp4FQD3uCi12Z0Fb7zwPbkIWwcPGK\nSVjwKGG/ReKc0xq+lbD4X6lVcF+XesraXTLxpfdWBOyPns89H0Op5ILeGWhv\nIfwOEz5LiFqHAWF25XpfcCBOlVX2X9lxb10rg9ctJqX+p6r8u+dV+NMOyS4b\nLB9r+uSwCYIaHGuvJXSDZrHOkT0eR38Eeke/SaJE82jVB4eEAKD02tkxHVyK\necXcJX7UYY8YhFglqlmH29s30pff+nqITUG5NCrzA+PAbI8ullWu4YohyAbu\nMErAWKKT0vSx1gj5Et1wANEeDV69FKpVV+jpoCntHcd+SgPWPSGIz+exn6TR\nabQh1Ip6q+tmCVEQxM/NPiVdlaRu9iw99qkLQUzTis88n8nRtkJCeji3iTjr\nekQAN5KQDiUTGjRV2WLzhtRswvXRChzuwuDyD0a35LikX1LRDUhR5NvWv6xt\neclXsoHI/bY/zijQMvlXVWEWK3LKzZR/fJcgdFDqXFaTPBlt3UTeSdBdacjU\nSfV6\r\n=i/2g\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.45cd0ac2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.45cd0ac2_1547108159532_0.3464772545579251","host":"s3://npm-registry-packages"}},"1.1.0-alpha.9db56652":{"name":"primer-pagination","version":"1.1.0-alpha.9db56652","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.9db56652","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"2fa7ff23ec8618ea3011402bff7f2b04252ac977","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.9db56652.tgz","fileCount":9,"integrity":"sha512-D5dwnXcWpTx4zpRvHtkJMRlg9GsEtHDK0Uj6PRazANAMI0SipH2JUXNeEbQBpYIeRFAXjPkXxaEGTNZgiRgnyw==","signatures":[{"sig":"MEUCIQD/4qXqbi++I40W5q0iwJz254f1uhmBuRzP1OdIgbYv4QIgMSRgUEEGxE9qkdlHyp3sxnG41LPxuxVp6EKhUlRqWO8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcN8IwCRA9TVsSAnZWagAAKc0P/1BW1fou2df0LtQFmlkC\nu3qVPdLHN1mx7zRi3eJFgfbFKonaz+MlCYkwP35sCIrUWeGj3cGCDtigL1JA\n9SGEjE9dZto913w8GE0Cv+Y2277r/imjMGsxRpU+iKDCyuHqVpYAncmVmHGy\n3rVJ0khhEI5CCKxvHnN8E3GZXgaqRYfGoE46Pz6iDgYItD7s8yyhY+S6kh0B\nXn4tSI4V1wYMe2KZdjNY9/e9DAuTyCWPsGWcHVmwCIFt3MOmzbW5gHuhWlbt\nkeV17Va53tL2tG1NjZieCIUj5Nhd0mKgBuNxWRpHRHVcrwKLaNkvCeAnmW8e\nwFp0abHChAt/X2PTdk495do59sXT5Cy38SAF3PT888kOeHp1fOVxtlHB7sA7\ndLXIPc5tVEX+K2Moxcn09XrXE24bm9yksxOn5RWIIuMWElr2lNYppdWtCv7+\nz04+LSxPgzOtZV6Bt4fntM2jt6FpORgUZwgBxaYGxwqNVeDy/OHK1lPvwtem\nIBJguAv5LJLOc0ohFhESpO/0z/JZaPXoXwKDYqVMYb0SpohVrg2/FLmkk+lT\nh6awBxeUfAXupJiwyxVT1tB7MTxwywcszxxWi7mCDn7Zp2hPVSTuesjt9oAb\n1xqos04DiGZTtRncL93HqOvppXTYGhNjtX4FyfAA5NNkxQ2v+MlHQ24UDSJ3\nu1Fe\r\n=1gVh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.9db56652"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.9db56652_1547158064319_0.16324231324860028","host":"s3://npm-registry-packages"}},"1.1.0-alpha.629938f0":{"name":"primer-pagination","version":"1.1.0-alpha.629938f0","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.629938f0","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"67bc7b1a90c61e0bc3d5ee062f4f57705b9350ac","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.629938f0.tgz","fileCount":9,"integrity":"sha512-DxGge4mdrITAFGIp8SGvXzei68lYFkDtMSHCYHi1CI4ioUtZ0ftpy4WMvUIneMRh0wEZg1cR/a4b8x006WpyUg==","signatures":[{"sig":"MEUCID77mUxN09YhWM7Ueakrg8CgRWjZh2ZqK7bhOWOC8R+LAiEAhvRb+ioICWvU+lmcnDK/0k40fj3UyLMAh8wwWTxiGqE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcN8RsCRA9TVsSAnZWagAAb+4QAJT0TIEtZbRtdHFAc1Cm\nS9pjGiN+WM78i2w/ZyhQxqcE2JyDlt4cY++zQDRm5/M7deUnUIl8Yfsb84EU\nfL7+iXA3ECD9tWBLnuHBIgI9dIxsgp/nWANJuTk7ZBq7yL7An5vET//O7Geh\nc6I+EaIZqQNsvu/J3o4rTltRZPS/hIHAs2IES/WRQEEFFIW3M7Kzdi15wv+X\nUy7JRv7/9KxmXwUNbM9DBlZSyr03jSpnvZZFRcnJjLIxsY04mU7rmij97q8i\nn1MYfv4aT7tAvsthiVvA82nzb1WHnR4AXz6ZphiHtWqg7ZFE9tuGYYjMaHHt\nBMGz/xuOjMuUSu1jr+xZ5SSOLzkwADO3Q65mlOyffOMsQS+3KeGZB2cfUg9M\nIqJzLrQdD2y9ej+NVrYjf5YEcDwQ8n5IHOtDAeLmiVoXQoS7qwEE6gR4Kv89\nWhx2ShAdRyBzvUDJSACo8b8hvrQhXsd1d4Q/7cMcaG7Fs7CfXTo1HEQ3n9kz\n3PgUIrL9Wlts5pI461igPfNVWnLqoJ65/afHhT1oSGC4fM4B7fBodtbRHG/l\n8ju59mjMxrGRdBrRzrkACeEGYe7aJmXiAj653Geu+lA5zvQw0lUA5S3nOB57\nAsATII2lFxGYhwhyMep/W/Hw3SWVLaerI13yMrVEuxCslN+yVaBmNszXepQr\n+emP\r\n=hux5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.629938f0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.629938f0_1547158635677_0.46106307243586","host":"s3://npm-registry-packages"}},"1.1.0-alpha.de967b8b":{"name":"primer-pagination","version":"1.1.0-alpha.de967b8b","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.de967b8b","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"bd53fb3a3bc3fdbb67dc564b34755c4533383f7b","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.de967b8b.tgz","fileCount":9,"integrity":"sha512-zOLEoJl5WBASf/G/dyLWAbEB0k/RKacR/SQ8i8EUMx9HD89m9ts78G847ahYIwd0por7DWpXFwGwPjm1eH+Lyw==","signatures":[{"sig":"MEYCIQC3zBfc5u6paEf/mvBTon27qMQUSV9fkDgZCSr4Kdcb5AIhAMhzVhC6Udvl7HPPmhft3apSYzPCaqEa+MfgG83t9vJz","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcN90PCRA9TVsSAnZWagAAjSwQAI/nX9+BUpa2XR0qyg1g\n73POgy/KX2kxjWN6NlxGDAmcDjslsbdro9kSsBgHNCT3XNDc11F7GdVPBsHv\nrjcxzNQm0gAZLQPK+zwf82EmFbp1bItX0OwyETrhGm9NFdIre2N1JMw7Ooyq\nXqmv7uiG/wW42iyq6cQHZRhDr/w4+HaHMHehVqsfmU6P+OVpGEJppiDyIHog\n653fTJMJxP8gj9aE0D1c6FoHPIiT7mlPYMi/0zH7HjiZaa6XWBiR2QgukAfc\nwrhuYFXn04YLV9liVsVcPDyUPm+5720xoNH6aUbnFQMTf1mwQLhtst5v+POl\nUpPSYZ4la/A+/4O6g7O/Kvv6oYfoFCWYAmZlu+7k6siNe7T3KXQ0PzV3/b35\ndoiBczj31fX1LJRzzg/K3FVZ20a0vXT2WU4ZXt6w25ITiL38BPyuwJDyI+Cf\nZ8w6hW8/Hq5QrsjOUv1CJLyMuGbmxNoZ03VxfRvT3mBHk+AsJZmeVhTZ51qR\nJeV4r9S1iX+GHMvtsuwneOrobWr253uIEs+rs6/g/rBUMXzgJEPSBHriCZ9l\nBIV7jFzMtVzVAbCiLg2XxrbC2Bshz0whx1m/njieH2ely7HKAc2448cl5Mk7\naGBL9vT/E2syDojA+B+rzgiIzBuUOTiKZqCJwdB/inzbF6UHvmpF1DK7afR3\n2buX\r\n=BWAj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.de967b8b"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.de967b8b_1547164942893_0.6969098531432758","host":"s3://npm-registry-packages"}},"1.1.0-alpha.197cd065":{"name":"primer-pagination","version":"1.1.0-alpha.197cd065","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.197cd065","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"b649044c8882d1a852110685c943845809218b35","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.197cd065.tgz","fileCount":9,"integrity":"sha512-9i1c5Pwhu3fAvGFcau8O5WIwrXLS0etB4BT6iMwIb2nYMpJNSKEfDo0GZKc0R2jZNz0bdKe3JVvLK7uvMuAgCQ==","signatures":[{"sig":"MEYCIQDa/TaYpADsaAuF1n/utqBuUob366t8VqGaFqWwnPthUwIhAOuXeVAJHc2y0Oha1SxwciQpmXIvHukSB/ABm9d4RKPf","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcN+JQCRA9TVsSAnZWagAAe3gP/jDQgRf77Q3XfrLQMFpX\nUuE0OXh6jdSi6ERk2XJDcGvabTlr7qPAV1EP5XMO1g2W82NRceC1lNGGX8pG\nV9ehgQZm8Hl10CWhComQE6+6s3A53+kShKnXdxJ3FwnLZ23sIMBt9Cpi7tiB\n0YFIqp65YNoSGIX2oIUMZAbzziev5LFpVSYuoqZ0yvIc2BbkYGiYGR8CuA9n\neGVMlyMb9sCAnQMz/2sZ7Sa6AqAImIY72CJZIA4dCuKIfNcsmuRtQjrrTcmx\nQ8Essitps3Mw38jlPyJWBg2o0nzJbHFb7NgxpnbLV25e1b/dYBtCV7qN6aAT\nJbGl+58RxG+PWC8/SHQjze8pDP225HrwgXNV7+kn5Q92zXkEW0s/f9VZug8s\nBpk0j1cQCgcf0AitDiofgNGJqGmqpx8mmVT1dJkmAyV2asMxshCDYP8KstAM\nHs7rYFFrGdBGNy96uV0kQRWUr5ZCZNrsgyiPELt6KbL85ucIKJff+fqMLe8k\nIQaREGcaeFNIfPzM6fp2KkfNK0sETFWxLw/KBj1BiCria3O/Hr5FvgqWAxgG\nL/8ay6DtvHyBjKJWi4qud5i9Ohn4voJqPJRCHSE4hckaT0QLsjNSRGkfGCks\nj8lgySvUcsa71ma8jmvMUMAklGTYHmCiKQUvURc4SdTUus0B+zZ33Ge9i8xC\n0aAn\r\n=kgZa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.197cd065"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.197cd065_1547166288019_0.8864255927063129","host":"s3://npm-registry-packages"}},"1.1.0-alpha.4cdb2f3a":{"name":"primer-pagination","version":"1.1.0-alpha.4cdb2f3a","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.4cdb2f3a","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"182a81e031d5b64a2e0f3f2e85b4db2b7294403f","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.4cdb2f3a.tgz","fileCount":9,"integrity":"sha512-Zi/u6Y8km6IUXy/+DfxIjJF+vWN48ygVHcIxibVEAfQpvg/kHKTTOFbtSYj1POAw4wMFdshLgZmiNuABmpkmCw==","signatures":[{"sig":"MEQCIGQuch/74S/VbbP0Iur+WV6WCuJtj85bMy9W9O0M1UCkAiBkNmBR5zdWoGILH3Ba3AmaXNcs5afyCuXppKMej7ZUKA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcN+SoCRA9TVsSAnZWagAATKkQAJQXc8Ixe+V7vO6vFits\nYV4RCZUBEazXpljz6pVrXt2zYUAWJVMgsTwybI+74uPxp+0yD9FpQ3SEZ/ax\nbnpBKOwYXhfB5aQEOP0qqMJaSSUgTfo78lG1HPUI2ebPy0kBBAJOCGbVubmu\nf9soL7yIh8ShHS2JXSZO2Riw4lItvrMpITGGZZK57RehQz0KrRWVu9WJpgg+\nqbEgtFIbcQjUgJ+dLh6o4zKMe5njPlQdPn6UKMBonV0tLR9Hcf6PjuSuZ8eM\ncfljK0nqgjj50AmeQgFGhyLA6u4s6YILVw2aRVS+HHf6qRh8K3mScyzSi8UJ\nwIKidJqtqD1g9SnIkvlZcvbD38155BBmX2tAHD2OfYGyvW81AvmKFdd5+OxJ\nc2ol0OAkuHpyqp2/EeK7HAIM5yKqHQL/vcVFz6gx4eOEtxFpiOwoMMEEsQkM\nzztgK4VgHl/YCTCccCaHBJiyvD0VcOufRj8PvlA/8la1uADQvcTvsVraC6Sl\nGiywO6uEwrz5cc0+HMUDfHGXiUrao5dXRJS6qbY+jJaepprv4ppISDsm5myl\nbQoTTsQFi4bQ4YbM40Ue28VHKFTT53R8q9HRUhxhzI4cl4b/YCX/dnPEJsHp\nVh+AwCzT6FtHjRmgTjhhcdOZ+/RgIB/2SiJMdmZKl0aQqgxRkBzbxL6tXTlM\niF3S\r\n=xE2i\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.4cdb2f3a"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.4cdb2f3a_1547166887257_0.6696412016819977","host":"s3://npm-registry-packages"}},"1.1.0-alpha.5d2d2289":{"name":"primer-pagination","version":"1.1.0-alpha.5d2d2289","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.5d2d2289","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"94de1dbbc13db9ccf2df63c90bb9fe2a23257b3c","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.5d2d2289.tgz","fileCount":9,"integrity":"sha512-a0Q3XaPQLFN5CskTXL7zn1JS0N7Hu1Q+F05CT/8/6Rp1RlutfQQuC06jsOhFUl29VBxw0InaTDtwFUtwi27GRA==","signatures":[{"sig":"MEUCIQDebJoZFhNhYPmjnWdkjqc22gFEi01zGwHLR0rULwJWjgIgRBSnlKutdewD8b+sQE4BT+x/wTGz/ke8XDJb4V0b1vc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcN+S7CRA9TVsSAnZWagAAK1kP/0n+UFTdF3S3P/b//Hkf\n6qM6shEiPTMbpSEuYUn00ShfvKoc+SQoyuAie2aFXQ9EfCIZJHyrvW7tE14Y\n5YbGISWZaNpgQtjbxkZaZXbyf02L9AuDvq4l059+cHUsdVg2Sh6kIRI9MoX4\n7OF9jJ8Xhd4wV7752rZmVffRph1tl6DAR5hbr88LPEpX3+TZS7ZGbePG03v7\nGslp2NPpVrUuQgwr+Xv+gh7rf6Qsx+7b8dzUeX/gIE8ysp9h2DOqbLzQhtKJ\nymVK89BzJ5rWrrBwsl0mloAsIRG2NRWx7IlqB9sHrQA+4TeLUF8ZG2QJWnY9\nHYa/preq56vs01iamYcBrRkWHUZPZ0VgjmT9KeYKkJJhcrqb7oLfL6AQ+wTr\nXhyg8uY5xGvhuLJCB3TQYxzh2SeAwOLgixFOfLGGDu39dGVOx/LdAd3mztS5\nQ5MLTKZD2jlKGMFrVEoQZ3vgUj8DbsVr9pA6d71BohHWVKnr1rkXyQvIJiG1\nj40yO6C3331QKCMwmiYpXDsZON7fOytOwXbuY2GmLd7tQvIa3KiGhDU7hVMm\ncbMd6uHcGjUMQAnd2J3+Be7OY+WHiofUG2LKvjDihdu5qTDWpKYQZe0bIRWZ\ndhulmUj8c4e5tre6XBdZi4jXdAUsnE375FbKq3luuplBXOwMQtvj/NeRz73Y\nMy0v\r\n=LgXy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.5d2d2289"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.5d2d2289_1547166906612_0.4930522601825107","host":"s3://npm-registry-packages"}},"1.1.0-alpha.1811653a":{"name":"primer-pagination","version":"1.1.0-alpha.1811653a","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.1811653a","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"f932b53145c749e6eeb775cdabf676ea2d30d9f6","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.1811653a.tgz","fileCount":9,"integrity":"sha512-Nn2UIV8Di6JjfLRIUk/djfNcFIWN4PGs0KsOwrPHAO5q7bZB2QIU0zkUem3iJun1cEVZFeFPLM93CofthTiCCw==","signatures":[{"sig":"MEUCIHz9GTpKa2KwpezAY53m9JeERUa4NBZdHW5wo4i2K4QtAiEAgvIxhmTW6BE1OaJRaD8fawiuBH/7f/HxrqL7PRbhCy4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcN+aECRA9TVsSAnZWagAAvrsP/1upMHB/F+IsXaspPLU4\nl89PtOaB821U0uXtyMaSDTsOfFzcjpmv+PvIAYYa88BvP2tOq+jea59zz4cO\nvPIoZdY5xd6jgJG5dCv34uKMZSa05l1x6yuK8hhLZJMCC096P3mikYQ6fxoR\n/YkZ95BOqvCUZundG/B0EOJZShiV+WELXkIx6dEEpdDVi5Jrme5ghmLDb0tA\nrgY7rzbJ66Kzvqp6QNFPggwSYvdeUUp8x0pyJS5JUzZh0VP9y+Kuu5ahuRhw\nNEQTy0RRGIpNPpWeMA33eVP5VdZc3DwZ4OCFn9xeKD1ovs8JmySK+ExRD8wT\n6aLz4SbeoUr9vR7bPCujnFsSR2eWdiD16TTt0S0qEHeYmG2oJyjnBqrOL95c\nBn2TL9CmYaE5qomaJbxHG3+zE+sEfjuQQQAO+KyO5WrQR4jKwoeYfE9TN0Oe\n8uZUeKwC/1FeP7ARfrPynUBdhCC18wC/O7bXdfDb6MUJGUJubbxF1W3Xnz9x\n0MdDcrAIJ4O/Enl6jFTi2OKXZ7G7cD2JXOfm+QBl39kz7vmSzutXoRgOFubk\nxgaFZuPdB02Dic9sUplftD/61xDXjJ3cIJFaIsR8foVYjlCpHLsbwtN/mywi\n2O4TGNlaSF7pYUkTxtViNGsy20JC6G5CAK5EYxo95w3b21Ac4mI6VFZe3Qwy\nA0db\r\n=HwPS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.1811653a"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.1811653a_1547167363945_0.4634802731507599","host":"s3://npm-registry-packages"}},"1.1.0-alpha.ec171b46":{"name":"primer-pagination","version":"1.1.0-alpha.ec171b46","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.ec171b46","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"d39b5558eda1404a441d09e7918d54ba88deb9a6","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.ec171b46.tgz","fileCount":9,"integrity":"sha512-hU2pFN/7nIPlcBoo+PzAIZXyiA4+mzn4AFXrzRGKRtTvL6dDYLcLaldJDpk8XCcQFvbzXA3D52FCX8+awCY3ZQ==","signatures":[{"sig":"MEQCIFKGMnwppwqufB1IX2rCj0Cd7ynDPKR8qjkxZsjxbEnLAiBDXN5CeB9Y43ps8CL1opNt+zGOTCoCkkrDjxgWRHMpJw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcN+hDCRA9TVsSAnZWagAAxA8P+wSrYoVNZd4O2tV374dS\njw3GF/FPGeIvlDmilPIhc0VBPeaaXQ4YRaWuG9WalYQZRKH98LriBBpdFykL\nXpQ2JAyJ6qbJJx91hkacGZyG/gZ7K8OIeb234C3yVRFVQ5NxiCI+Le23ZJDZ\nfzSHcnEpeLgN9xKjebEZw2kLczJs7ynxReboUF1od8vD93+80C2AjY2lTjmr\n0cZCjBiAvYAFfm17pELhS8hLk2ncvV4yQVJbXJCdKqcda1umfu5zr37CD5wc\n1OiKVCzwNsS1UCoc416NyQHCKjwcxOnn5tBnT+RAaAMrNy9jloIj+4lPb6ER\nWp0ec2RaoROCLQmsA6FZh7KLv/b3Bz4wCrh0ARLghd3OAUv+rFFF8pseCipB\njaE2miR2VwgokW2ZM3HQ+RHjoui+mfmiGOr0TfeSNnoPsqaHJcgpBUWN9BXT\nKcnPjC20jtAKQWrrDcz7ZByzXkpn5edWFQBzOHeq9O0OmQ2txqrEBEgMkkyC\nb2aJAs+/i6//K/5su8zVjUqJum+++CIh3pcIJIA88PrvSe6cKwnfeLuJWX+L\ncUEYtj0hSmaSlctcX8sZnUrwKt6QmLdjEpd17OlPIOH3ATu67iF6YO7QNu7y\ntA2qXw6+m/SPqdI2GfQp/cvCYFUhJvmlkgo8UckxOGV+Z32OM9H+egpukhAD\nIdjg\r\n=Uz9z\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.ec171b46"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.ec171b46_1547167810817_0.0989995490243003","host":"s3://npm-registry-packages"}},"1.1.0-alpha.4f621c26":{"name":"primer-pagination","version":"1.1.0-alpha.4f621c26","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.4f621c26","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"854a05bfb397600ddb2f96f7eed47a0e8c0847ab","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.4f621c26.tgz","fileCount":9,"integrity":"sha512-y/m3y0HJ3Y6i14pR5Va9QXMNm/pHBTgPRxxFkkYHlWmZrw445VUBXdhIoQA9AJ1Xe9uCrnTPYjhOvBSZF/seKA==","signatures":[{"sig":"MEUCIQD7+6IqfdsHTdWtm9M6iVi9szDUYcN5EL7gAauZRjYN8QIgLX+3FWF4SROvp29UTlV7vRgLq0BCng+SWsuywR1gs+w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcON7ACRA9TVsSAnZWagAAQegP/3CVJXnCW6+96P1hyzss\nFFE9C/iW5fPc1h629fvNBvvmmxW4bVEctzfrF8pkD3Ezw5dVnWPVEiUAN505\nLsAUgeOSHdHlOHT57+Xz2yRrAgbTCSmbCBfRbk0pUuR9r1gEQq9/AR/9Q/+M\ndPHWr9s35+WEajdHpBwH+cFmdQc0JfituX0LPD6OEBozyqTdH7emjFR0aogc\nhjvPVam8509aw/q7MJ+xEmsGKBIFZIcNDpoq/2eXXF7MwsqEzoExeHfPenVl\nheJxuXP1eMjZChMyMj4S3p/Z9lZ/gm1RmYNxwna7hmzKuo7GnqyPG6yjKfcV\nkVAObxjOFwSJIHsnmFXjyfyQa5CYabFnwrHQFndcgHN30RaRhx/1BpE7G/5M\ndelrbsnBc+rdvHPG5jvIITVrTwDsg2Z276ghVxUH+mHMMrBWpX5yNrEK8nvO\n6VHOf8vR9y4Y2bQl6zlGwgYcQYRa+d4CI24LXGqjY7IXs2OZfxHbXgoqEQzb\nJa8ET+KeAqopqKrXCQ415Mvifng4YNB68lxrICtLJ6PdYGIYGB4lZpHhn1IO\n6ASXZ/4ksz0ghPAZ6DQ94lpwo4LAL51i29wmu5tHm2qFnrZag9H9ByO+Qk17\n8UnGhojWfdTfeze+c2xdpgguS3veZFM+ha/EHqzOFLhjQLcXITKyWyubKvmX\n4MfL\r\n=bJHI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.4f621c26"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.4f621c26_1547230911369_0.03706420285532963","host":"s3://npm-registry-packages"}},"1.1.0-alpha.c71b51f1":{"name":"primer-pagination","version":"1.1.0-alpha.c71b51f1","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.c71b51f1","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"528eaddc0b568f21315faecaeef829b871c6bdb1","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.c71b51f1.tgz","fileCount":9,"integrity":"sha512-FL05RdP87iPwao/ZKARAKnmRQ/oTFD0Mg3j7vym6gc2ikHQPgvarfYGW5hdLIW1Sd3BBGZwKKpUMDb50jt8Z+A==","signatures":[{"sig":"MEUCIQDnJx10z884ezwj2FDG1dhl3AiS2c9srJPpfW2RQOGTqwIgJaubgKtS3o1jV9x6TY7fCceQVV4m27+RiFAJtZhlC7s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcON8bCRA9TVsSAnZWagAAGtwP/iXwRk1eJVv45g+ZViob\naaybVC9XEItpZ7wPA/eVgamdc/dlDp6VQi3wt1rzQMAVuI8kWh3c1NEqFujd\nod9Hw+1ieBh+G3VOyEyHEj5g8bGfClRjExcSsaRo2TtCIz0GqKxi4WicEQg8\nmq37yMXtMBlrmxhwa9H0wu/3fZsMol2g7ukiXfjAJhwMxSFekxjidcqEgQUY\nsWqKLrezUAjRvwtVNJVF7MH+Dl0AAdnpO4oM9EVSVPHbqzx1mrcOffhTcq1O\naLao7VnjCtHVZ9YfSwTUk8CNQ4Od7zyQLbHcFWbUV6ujZdLYuA8xCDCvk1me\nvm2imAeObzHfAFrPBUrLYNDH1aajcn4sKTATJx+TDkomIKacBoHl5xbguwhw\n69y+JTbRgaENNrego6CJRYWsCBRrU7lbhv4xlegQ3DCUEgvWfKC6px4ntcI4\nojovhvQONIgJocBhmH2wlU1nmcYKpkTUrO1XIUhYPN0CWcaM/kPzT5umf1Y6\nFlk8tYmMspxzUSLMhEdLe9I+Y9rHVtIGGTLsLv83JTsSycyKkiqexsEl2Gwk\ngNIolg7Bh+TR20ktpIekpfMLbJr++SgtuXWVMkIVSHXWd0GBVstSB3NQJrwp\nShVD1o0AIXuD3EV1Ki+BhzNEHnUfs37eToDI87whdeqgeatj+7Vw3iOTNuK1\nRKt5\r\n=h6HO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.c71b51f1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.c71b51f1_1547231003107_0.09593201952994646","host":"s3://npm-registry-packages"}},"1.1.0-alpha.141d2d88":{"name":"primer-pagination","version":"1.1.0-alpha.141d2d88","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.141d2d88","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"c3d962f74d12276d350d8a8f8c5cf27603993c45","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.141d2d88.tgz","fileCount":9,"integrity":"sha512-Expqz0xzekKPbnQpCEnsFg5SNK0dXb9Avug8bpWERodDKBG9/d+VH5Kt7Xk/Eqf9jdGpHf4vQ9o/W6vZMfzzSw==","signatures":[{"sig":"MEQCIC47tbTm2KTgHJotSrYpiQMwsphhcvLahhdL/n0XkZYWAiBs7lLKwM+uVoTjVDnklhlTGYoGfELJzLYPK+Q073G28w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcON9HCRA9TVsSAnZWagAAwtYP/jWK2MHiKH700zhuUOvf\nlunjSlsP5qu47X7bbzfyjh7FegUl6o+LA+KUcIt5Zh9gG2+pj9dWb5H6Lgn5\nLl09R/3607dz6iVkAsR/jn94+2b4IwY2S/gqbr/uSRapcZKKwFjRqCraa3+k\ncU+R5a88UQTbWGBzDnOlav5+74ZPko2X3wxUwUO5CGK6y7Pb5gyJ8Oa/cHoN\n2VyYEjYm6ylvmib3rtWkFIo1Z7n01SY4YII1VIEczl1NLop8Imb5JKWgGxWO\nBMPijmIkxytqCCcxfmz64VIRsjAf4M1xRmLg5z4CBonkIfwYhb6HTH41CRHa\nmNk4AJVrZG3UmFa71Yd5zbgXT3UUJxRc0Tf6QKHsSDoSmBTLlRURPkeCq0lW\n+ZFOMxPho/xO6yzJCJSyjMu91Y8/Q8mvfYvf7o27hP1t4gsd3CbZDCP6LC70\nTb1TsGmk8iZdv4No/lk2C3H7fGMpDxX04uaot2YRN5qIJsXJFNHJrbD7HZaD\n1zPw2THnuzvmFzmZ5+plKW6P5V/O0TUxbhJdK6MM0J4aI49SAqVL1GbaxdwS\n0heOz3EPvEY+D18+hvuJHrwOpR80Qx54aQow3XGmJ3WOKD3BbsKyt8vYxOJH\nPXCqBlRvQ1K1wU1U5HbP5xLKwwvnehSobHmbNueQgwrztFlGnAzdsFfMMD2v\nUybd\r\n=pZtz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.141d2d88"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.141d2d88_1547231046311_0.31845145592392665","host":"s3://npm-registry-packages"}},"1.1.0-alpha.5eefc7cd":{"name":"primer-pagination","version":"1.1.0-alpha.5eefc7cd","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.5eefc7cd","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"58df1e8165a332787c2d64b27eb4ef1e757b4a47","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.5eefc7cd.tgz","fileCount":9,"integrity":"sha512-8uuePSdH5xY9IQeoNzZz9sgrFYFjWeNJ4520GDDPqB5rFrjQ0g/yYrPSaQbKrYJauI/8unsKBh0L9E8ieCCLWA==","signatures":[{"sig":"MEQCIDa/Fs0O7zQmNP2Y9Ovgki8iTmzi6kUUeHUIOKrXYFFHAiBlVBKPzyHrw92Hlve7jkxWGjHvYwS5UtjzPHMLB1D/CA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcOOqACRA9TVsSAnZWagAAwKEP/ju6EyhcWSYsR4j9brib\nT6oh7itpKphQlFopnmdakOCbFjZBuQkIALrbq3wce9WMPo5/GZtg0Mdvkfa4\nQ1XeH8gZ1Yol3lu7H2fZpXo33nP6kZUCAyp2Hbn/qivwjWRlp29cowvHLD4d\nNWmNcggHs6JTIVqqqz5fHb1bPnvPfVtzw92NF1nQyfL0n0AtxBieWFpuy+R0\nnXLl5qglvpEGOXpQYQDc33UFVfbxcYKzXe/ZozYc4jdokEozd+BDFXBZlVYF\nlfSJYwEJYZmf56B8j/zIfjvSwsdoQSD8IEIWIJPx/eE3GqT6UdlCUOoH5Mn4\nfOZLEvA37zokxpdmcc61Z6t69X6T2TAXWFXJE8WlAlliSCihT8DpkOKa40dJ\nWL5XeN0GW106/KuI1rqL5QWAYljKkzVrppX5EZfEiFq61ElIzhImKwWvh1KZ\ns1UC87cyEvhV4E9qZA3voU0FBQGcVDiRnw7CVeOcoQpgyX3/TTKaNbbPxPzi\nghveW1dbuloSyU5QtilFizorEu/HBXXvEG7vQy/xI2/qv/a1yLWTFbKKV4yv\nW8FelkyTDZbePWdLdzcVnZtyrZmgExiJUA7G9w7rR0yptIETG2V6ERCe48Xf\n1bxjeEV9vmK/Y6i4VO7TY6lYy+XgAqvi4Y68HEVdLCDx+xN7Vr3MUhAL6QoW\nk0b6\r\n=dBzx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.5eefc7cd"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.5eefc7cd_1547233919814_0.3241898472024267","host":"s3://npm-registry-packages"}},"1.1.0-alpha.2d2ba632":{"name":"primer-pagination","version":"1.1.0-alpha.2d2ba632","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.2d2ba632","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"83e452c0e4b145b44bc9c6cafbd43d67fafbe7c2","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.2d2ba632.tgz","fileCount":9,"integrity":"sha512-YseOntJeRFOM/ML1Ut2qJw/Bdm+QNKFWlCALostpJl0MOEuoSpxmY/y2OCieYY8Mw/CBbPEY7wohfDDWNU7DAQ==","signatures":[{"sig":"MEUCIQC/H2+rjDZuQ+Y97QikkxwbkjiiOJ5j7kZ28+41eNHFsAIgFO5puziCTdIKIKegCSnShdzQSAXeABa+bwc53A6ax6U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcOO/LCRA9TVsSAnZWagAAgegP/A/3U5PnX6tpK7LdGARw\n81f2ldNWhlBAgLtIu1LEZYE9lgUAsQ8+/pxzBU2EUajTN110FVKi0L46x3oA\nki7r0GnFMbmRao/TtLz+0IPPw79OeEWUIhU6YwZ0fcPdKxXWd/l5nSBgrT/2\nGV18DoDzmJu+TsqKBv/JTXUS+cXiSkXiUaQcbVX8krEhSW/paRYgqW1Gyr8k\n2GjAko/WyeF1M1FLJg1XXkY2ph3C0gQZNTHuRYid/Vny5Nk/cYMQcavnlIXN\nN72vgx7AqQgEEFRAg2NQteqWEm06Iwd0mC+xHI6qU/vx7jLK8ZCJt0uBBtvl\n3lqpwDqnaJfucJpLBwbJO09ahqatCC0ru1bw31xnDfDgLKIUK5/Z9rwaEqZX\nOSNqQOnPlGG2FczyaWAoKSlM8H+N6pP4UQZoKU7h+7/6XcDgYgLQ5pYu2mwV\nelfYKnnhjMgy219Qk6ha+SiW5mJWCMnG4bdxRFUiASbHQx9l1/i6TtVGAd8I\nwgHZ/TPJ/VUJdlPCJz8jNo5R2fZ1cGjO5nlPpeIMUbdiid0TMI46WHO50O/l\nX7Lyqm/lXfbViLSRGNgoK5bnhXr6zj4FNk5Yq/cJ/2VrwqUE3PIliVZnPQmI\nZATuHfz2RsXJLCx3VOljz7zn6Yo7Su84rKnH95p5+4ARgSO16LnBbYEGtjMN\n3lcQ\r\n=sQsH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.2d2ba632"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.2d2ba632_1547235274972_0.6246162010686027","host":"s3://npm-registry-packages"}},"1.1.0-alpha.cf5e649c":{"name":"primer-pagination","version":"1.1.0-alpha.cf5e649c","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.cf5e649c","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"d9f0cfff8fe52f154b4dd78284ffe1e4689db58f","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.cf5e649c.tgz","fileCount":9,"integrity":"sha512-KiaJz3x5GjrqTNi60OF0jko6jz6lagH6WGpOuusfjYu/UwvjNFkNsAMJx8ZqHkzeSXPIAcfHodxSZSL+4kT99Q==","signatures":[{"sig":"MEQCICc25c8qg/f2ZwxBvhfS/AbjnUUp9S8/ufPzqBwrn2djAiBRAgEyCIyOEj9R8lEYuMuQWvEEfFr7GuvaEMCvtvpAig==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcOPHoCRA9TVsSAnZWagAA+QIQAIaxU8v5xPfmZj4OEahB\nZojX3URRTxfzwefYRy+laNeF/jPRV3m8vB2Hgt1WEfSMbEjLMnNTRrAaCjB8\n02hUzJWYNyxLLiakidx2c71EvB5DB4oJGYaDlKXcgGO0EgPw/2zQkjVmaND2\nFcwxEh7IuC7YSs2ri1B93FoqCo5GZDbCMzCgV51m7/9J7FTdlU9zup/lf2g7\nIDrtOu9wwr0s/54Af/EHkNngyJ6aRMeYmo4dqo+0K52DHeB5CSn4SyxZUBR8\njUTJcvWFnrza8rUjNS9r2DC5vu3k0Gflg6jaQa7EBLn77rXsVs38OeD60tLB\n5SrTGM060+ccI2YMf2wdT3wxbagiWzmTraaoIU+8QGKI0gFjwIBnY3B/C617\n4hOpFjkrMHxG/OA8IYJSpvdaikoHag9sBXc7rbcjLxAw/TaPjgebnX3yyOuG\n5ryI2e53tevxNHksQ3/1Sm1JtuPO7wK6WGajyAy8u8Y0h3IqbhcoMNaVm3Eo\nGg9pZ/xSmvTqwQ3nbjkX4a1fgx78zM/PoP9Ew0iXGXklI7t0iiXBAOv2tEje\nMeX2522bxjDoCSW1RSeVHKHKfld3skR6foo1EOMyMfd2CZDDiOuBhOXD4FVG\n3VmziAijRJz03h2wLxQkSil+mgk8HmlvC1NxjNyN89y+k1Dnf8G38ZFU1TlS\nQTnO\r\n=Fd2t\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.cf5e649c"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.cf5e649c_1547235815932_0.10245636946538306","host":"s3://npm-registry-packages"}},"1.1.0-alpha.c098d806":{"name":"primer-pagination","version":"1.1.0-alpha.c098d806","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.c098d806","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"f12034bf477ea4fa06801e74d82dfe5285244c37","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.c098d806.tgz","fileCount":9,"integrity":"sha512-qSLm0zwUn/q2sy+nJFQcMmLY8sPu/V2pfsbLr9YhvRc5D89zTkhvTaT1ClVY+7aKOp7XMPXbaGdKzYxxUBy/lw==","signatures":[{"sig":"MEUCIGAg+VbOWXSJTqgunAu0HKbQxgIJ3AczQxcO+Xdsj6h+AiEAo8QnmH4Qck67Ez5tcluTp2neEkcgqdJIb5NtmpwnV3I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcOPbcCRA9TVsSAnZWagAA7AYP/2UU4PS2LxjXNMJnQ0UP\nu2ZasXf7F+C7gcoXWots/SG3uBtN6WtZE3HOYlurm4X5rdTnw/YgT3QyztAo\nrSL9BgRxh9aD68aHrY9ufCHMlLbqoDidUOyKHmQu+9uF1bjIY/qAW/71kmnI\nKddHb7CnJtqTtH9W8/b0erBvIuPmHFk5Bh8CvHoVyyPciv5zOlew66OrldRH\nBJ1/kfpJ/rGB2yy6QxSIV4nxLkaHsDJPExPFwVuCLk/Wu9Y0dskNMYTJpA1z\nL2ormVjXWIT5/Kv4IouL8lGp10az0OPUkDmVpBpqmip9wzq0nmvIn0lRsNW4\ngOxv1CHKjsDBX+6ZwD5q/f5UW2xrAJsvu8gVpwzOG2JGUS6bg0ihZaYa73Qx\nsULOLQkBuWPsT+QxRc86t0Q0WjZPU4YCJySDiLKZrJfwKzky3iMV0nYhoPPN\nkP9frXCuvYf7ONnwF3AIc2QAOxD4edmTGI9BbHawAEsiXmMkG5JHuhfnbw9I\n9bTBlghpBLUj6oyfGe48Wb3vEdAJwO/YaW86x9z6aYJxCvJpyQ44nbJxGdzV\npLHHl/BJ9cLq4HIEq2NGkfagyUHfFDzwfl5kHpKkwgotQoTbr32V1AAPve0o\nqYDYv7bZUPHqHYucS149XQkBEklidRLMu6tc+UfvYgTbdG1v62KhsXpWXbQ0\n+u4k\r\n=51yR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.c098d806"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.c098d806_1547237084209_0.5871984533599002","host":"s3://npm-registry-packages"}},"1.1.0-alpha.8212a1d1":{"name":"primer-pagination","version":"1.1.0-alpha.8212a1d1","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.8212a1d1","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"4f89a9cd918ac884ac4ed8abdaad3c9355e8ca6b","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.8212a1d1.tgz","fileCount":9,"integrity":"sha512-1Y1j34fhX7VBApC1MShsgdrE14s5b45qupgX8LCNLa2t5yS0XDcXZqEhqIzeF8qyw6HQZBy1bS68vSz6+U8fyQ==","signatures":[{"sig":"MEUCIQCl6yTgS6sZjT/3aJTSbB/UdhvRcv8p6+j0Gxt4G9428gIgEdu2Q+w5HAXVXh1+xY5V2eb34Eee42BWd6Iv9/Hd2xw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcORmTCRA9TVsSAnZWagAACPcP/1AWMWQkcRmdpztRNdh4\ntOWO7ge2Q9Ko9T9eijYYfydF+WyNRRRU7oz4JiTxmPuR6V+1TdxzELNiVhx0\nCKvzMo2+hdLSoTxerdIPc5lRRuEpZWoyVJqxj5bYWyHIXr+Tta33qqJKCwC5\nOlWUHtN19s8nKebfyWXiyaLFowPU9DQZcFeuAKXIqHvkZFQdYDFSvUDL2qMi\nTska5lu3K1IyxQGEuLd4eHHolvw9sM2xpu/ckxSG5muwmqd9MH1dm/nQYhuK\nq588/Qzr21pem79Ju/vKmVo070oVjCI3+2l7BPE/LKVoZUIXv9ECRZ28nLs1\nafWnmfjtXFzSP/0ARg1d50MrK/H6OeT/oAbarYdtOjOh20Vn56fvgIDRZwQA\neVvRrlx9cXblv5Iwpfw+yxHyiPBpkSAkXcbL6qHOCQzwCystuv+lWWvfDFNV\n1enHRObL29ax2InyQOD0sjRxXNgIdVNoGVtqKv6bY43KyG92Ou+BLn7RmhNR\n7oC3hxfKwT+tFmUxBeKxRAivWso90M8FCHuS7wyI6Zs4hy3PtfNWA0sq//JE\nfkuqGK7EVDEZ8Cdm6ulc3yPVvtA4aA3MSm95ngtJXyNJx4Y5DEJdNP+Rs1xV\nIyfZdxzta98jO4e41oXvG0Qx9XZbPMjZA42fYbCgmIRRGwr6MO8CxxicRG8h\n3nsT\r\n=bmn4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.8212a1d1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.8212a1d1_1547245969957_0.680844035379158","host":"s3://npm-registry-packages"}},"1.1.0-alpha.2d744d75":{"name":"primer-pagination","version":"1.1.0-alpha.2d744d75","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.2d744d75","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"5939a5891ad607bcf97690b8f2b23d835638bfee","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.2d744d75.tgz","fileCount":9,"integrity":"sha512-/u6dOJRk7kEJMF0f4veYFhyTE7RVAhLHAg4QVE4lhXCVopFu6sE5OgJPTG8IIcEakjmwdKIXLqDqHxoJB/MliA==","signatures":[{"sig":"MEQCIEViB53wg1cKujll5hFIiL2Q7snIpu2Bq2PQnE1An7UvAiAr/spM/m1ZQgYlZZJgOyDDv/2lj06g7xKAODxfuI52aA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcORnNCRA9TVsSAnZWagAAmRkQAIu+ZRCTC16XxffhZYGx\nXUFHWUpgv2Hgf4IQx1d51RnAl4sH+lrTiI8hKDGBAjLk8GmWdQcCllhsl66P\nwcMgrQQaJQJuVyaClPwcVGVxPejajW8Reao8k4qGGSx+OUmayCSwXG8ECdYg\nlCoDnTTg7RVZK58lWW4gOK/23wHoi8FmtmLjtGXKmhFqXQiIW2X+WFRn0Dho\nd8MDfrMUiFILnv/Y4728WHvNg/7rZhT+Ao+cjW/oraAVQ8n7E1POd9X6CBSf\nhNnYuT54x1cXdvBiRuCAexKr4EZ0/afHCnfz+pQYERYUA7V/6EdcQOnBdMMv\nHpops1U3/iyjnL+p/XXAle5/LByrLcJSD/F2DNbwJL6f1bZozvdhdkiYcNq7\nOS+zUinnsPojnSr0qcFLkO6PioYMjzzY0oOyT+1ejk6A80Y1ltNjzg/tNvpZ\ngqFeKJWUxeD961vNxEHkk7viRUcEkIxEowQ/l21N/BkiR1RxF1P1oA5Xsxes\npS3a1l24UNT99UZ2W41zR5zonY406ah7MC+nE4ZclTIjdzrFutGWH7WFMGGA\nXamftj3BPFW7YkyS7CqQ0/dyB9RiIYzPBt8jdFL0FQUfixD0pXUE3nKoJz45\nmBz6h/KlIElDe+HdgdmDVtcpVLgAos11gkcCMv3xDh3hykCFZViBqbUy6OI7\ntW5k\r\n=SCSG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.2d744d75"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.2d744d75_1547246028482_0.9349873176914336","host":"s3://npm-registry-packages"}},"1.1.0-alpha.7c2e8750":{"name":"primer-pagination","version":"1.1.0-alpha.7c2e8750","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.7c2e8750","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"76ba0c1d6b67cc3089f4022dd9ac13823437ac1b","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.7c2e8750.tgz","fileCount":9,"integrity":"sha512-XQfMTkb4ZTiuwmuybxZKi7i8qOViD8aK8e1UgAEtFNQXwwCsburzT7lFbHRbR2xjQ/+Vq3zlXjyZJw0YdHYzgQ==","signatures":[{"sig":"MEYCIQDnB9ZUcv2RJEUgS41t2738eiCKUBkDQEkKQ+8cwsOxTwIhAOkSstNuqsU6bBIkoslF0sjqb9TigLDmCVvxWKBPYmou","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcORtHCRA9TVsSAnZWagAAnGwP/jwgHJQybiAMEVKx2xl+\nju8gMm3XBbrrqfo6W975ZnLUgYpoytXMrQaaosvQ2VxvW6pOgjEJLAsD0Ax9\nQ4WuLt+tPWvz68YvUr+6so/qX32al1HOKW1Q+mtNvmMqprtV4ntyzlF49TIP\nq70SSq2YU/enXIBsV0q0XttQ6CEIEDA7EaH4mi6lUZSQ6XC64e/yf1VnCYVN\nUKyVH1MDXaknzO7AQuKYpiTxTZmllDqsRRwbJ/1MGLg3mXYT1OImx81v7dv2\n3UXDHZB7sxLObG2N8gozwf2p4ge0qAJc9vJSNBchTAEbYyDgQ6zClf3hswMo\ni7285YPuzkxveaJ5uDSK4GDjD833Q3rE1GlE03eB9R4+VKA2OYNA6E2BBJbq\nDB8w0sRBoR4rmzPRfjDFEEhHvr/kpC9h4gakppK5XYZLRxxOUzSZyvrP2psT\np+mDolDiOsvUoSAWktL0MnAtEQeaLv7VSzCQqH0jw3mrsARD9XaW1P230Cxo\nNGPI0zkyRHnX/V+qqcGeZN90zD1cwsHb44ysJII/drR4x+UH6ezp1zrWhprd\nfyqOl/t3qzLxpsAYwOLDPmVwnMw/DL0H5h5kCif+mE3fSw8Mm2uiybc/Opk2\nGPRwZtDHVGlN9YX+FQbLZqDDGRWkHUCP7dnIgWVgDf0nP3Tr9YUyRsR62+9E\nzulX\r\n=H/ld\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.7c2e8750"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.7c2e8750_1547246406549_0.6667864044743448","host":"s3://npm-registry-packages"}},"1.1.0-alpha.14293137":{"name":"primer-pagination","version":"1.1.0-alpha.14293137","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.14293137","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"33cc54c8b9d673e3d81395df3e3eca9711327bc6","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.14293137.tgz","fileCount":9,"integrity":"sha512-MC41iDm1BRpFXrHizKWUxAjQlG5fcBHK8DroBwnDMhIvbAT8nsgbCxT2xDHSkanEPkpRzzqVf8LJiOEgx5rRjA==","signatures":[{"sig":"MEYCIQDGKlM38DOkvPG35yI1y3QRCVolkZbuROJkK53WCGkvEgIhANG3UJLyjdbX/sdIEjTdCRzKTqXHQaiSGgLYM/Mok9hp","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcOR78CRA9TVsSAnZWagAAOWUP/iZdmESI+InCEITAsjSN\nEPvt9IBe6qxEyc+KNPDe3woLh9yiIKTPs8pHx9N5DYfxHgiMq6gEysfjUn78\nagAOU2dIHIwBSlHR2xNWmU/5evg9rhWWXxeyjPNJv2t6AYrrLUsls/PDpBTf\ntM/0jTl1IgWaYSiGnNt+lTGwTpXBfAgreX5+SFNPRf7Cg8H54X0swFH51GOI\nIMd6X2pI2YTudlRqma/5RWRlZEPvuylhjVaK2Po1kjLXAqtuYe3+5WdvcFY3\nncbZJUOhxGrC9Cm0kmZmjz012DtEr0ftEPIpkyEon+7j7MCbbX8Ojf38ARBL\nRXzpFyK/b9MuXn1HGGnF4EJy2YOVv1l9hth9CsoAOh623vDBPx0O77iEXYF9\nx+C73Jvc35TLQ/uJzaTwvuVzxxnDga6AzFSXXAimNrdEk8RxK1rwt9USb6l3\nLiMftvkpQBK/2XF36aHN1FrfafBdYkGA/NS10Br8shHknHsJzBDdwyVHGqEY\nK+xsv8uC0y6sgGjfw+el1URmS3NsQjQUnDLHJI/c1yeC9fEbQytmBl+V4b8i\nnzdc1ZOi3Ru3TNA4PSQfhCkrVZyOi9RRxjAnZ75oh1MkpIKbqrkjuE0hoJaL\n84JwZiVzVoTzaVby6W4UuG/UP050CLIvwMJ5BZnRkTweowUePPRSe2vPFUmJ\n0rTh\r\n=dtpI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.14293137"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.14293137_1547247355666_0.4259717754251442","host":"s3://npm-registry-packages"}},"1.0.7":{"name":"primer-pagination","version":"1.0.7","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.0.7","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"4e0f389eec8851c9c53ef044b513d4cf02b4065d","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.0.7.tgz","fileCount":9,"integrity":"sha512-c0Vmc3ZYspn+JdY6nmH626c+bxkuJLToYueksEMOrET4da05xwnC8dF7v6fh7UlBZ+qNArf+SsFWqXJPW5C8IA==","signatures":[{"sig":"MEUCIQCa5C877TnPiCMfQ1kA1D4XJMMyWRKoKS2bdjeNUbJO/gIgfpqb+yZsMok77yTM9ss/TSKUolvszbrOIrHQUS/3eT0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14570,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcOSHXCRA9TVsSAnZWagAAuO0P/AvM35HksOsZU1GEo4N7\nVyy2LNtrhL/ktiN1Ngs6152C54iEt68bZcPmF5rJr029HwixNY0uFy2hlbuV\n1sJJBlggwCpZhQnU2Rt4ulK9yeLJXNF5QP469gXcUrk9/IJcr6Dc1xVJBohM\nE2H7NroyAa6sbsl/2QXdfc+HkLR8MW3gfUB7qrkGDkI49PzV+iVpjSDD3DAO\njE0AtNF/886cbMaHNTCMFYtH9J4iby9CtZCaYGl41uIkKObmKyvHJ0uKdAHv\nHd3kSNh+so+s+DOS+SJ/fDiu37h5KSLRKhsYfq9d+4SxAgVebxAlipWx0ODV\n0gJxa69L15uhIjDxENgM81xWxCBG6KewRbgVotUD43hjJAHCzG8OYCcY7YBS\n5k8nqya+m7Nxtx8q2MXGhyM6v+xxT78tRQ+15UG9fBv2+YBbNFI1alTpOys3\nie5BbWJdtno7v92Wo+B1nYHBJpKBT01J+0EKcTBPwLYbaoyFNWqmHPJr7SyY\nQBcXRQSyOvV0Jvmd1cUsz9yRelOKDMbudPZWPZPUJX/8/8dAACNIcfd1zQJl\nK30s2U6JdLP1XRDiIRl2to79WaksNoddUSDk+zlW8VNYweFUMc3E8f5s+n2j\nOpyKmgfX+GVeQnBJndC3ssIj8tnf+OTmsYO0wHIMEhU5RT6mzb7axnWF1ysn\nJB2f\r\n=kD8H\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.7.2"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.0.7_1547248086569_0.20929648895332575","host":"s3://npm-registry-packages"}},"1.1.0-alpha.79e1959c":{"name":"primer-pagination","version":"1.1.0-alpha.79e1959c","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.79e1959c","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"edb6e585b353b19719d42d61b2b72ff9289bc293","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.79e1959c.tgz","fileCount":9,"integrity":"sha512-/fW+K5aumhYjaMwkwFBOmyJiUr53PH6+CQrt9wmCJ/cXvlQa3Ce5t8I3G0d4VvA3U+xGp/EPiwPFkxihazMTNg==","signatures":[{"sig":"MEUCIQCaLmiTCDGO1K2T09TV3EvuT60gbY/M8thZMxff94YbXgIgGW16eKHbcQdUkgOi2HeFb6oWO0cZFvJQMos0ZvDprUI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcOSRsCRA9TVsSAnZWagAAggIP/3l4LzJSPkQdDpEBwWwp\nsCR9G6WQM5NJkqUICNT+P/TogqXcw7j3P7L0ibhQ1nhxgn9+gKDHRmY7168w\nN4H24F33fnhfDVNxqppU1YwVIKztcRDEdlTfHLWBdzSoKokoOo+EdqcETcxr\n8GaneaPkYQq5XqKAzPpMRqZF0Ik4OI/BjItqZLwzRQJ3K0bXTK5Fc1j5VSaW\nPg3ScdHBadjyxvqIP5nNiVj24Hf2FYyQ8DeOzW5U2qZ86Cyg1t/8bGeodntW\n3SJcf3/iFXvxE8Qosr9c8hzpFJWrrNDxn2tvSK3lMT7qNkVyfGTsr26A2s7Y\nrNr50932dsGx9cITta2jpivDnOhkxKykbH+F2D2Xe1jA7wavmXJqPxr/zqe/\nEYRB6TIy65KOWJA47uJPV/kP84NI64vUNAVJoct3piu43QR9gKylhrY+CAVV\nYh1P6PyH9+b3uu5UbAaxzPPlUF/9kT0+QjCBre70/+Qia1rhz8nkxKQajQ/A\nxNi9x7yMlqhtv4pZwrgo1tcyGUUalhCCv53IquQDOmKsjPflMxBv4zJNQxzW\nUXh720ftQWfNEwLwiUKR3Y2efCfrvl/uz3VuCID6K8A0GEY6V53WqD87h9nP\nQO4VKEryRiFYhaSYlBXk8ifEX4/slQFJnkNgdAIIkGok5buv1swWZZWoD2Vx\n5cg0\r\n=25RZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.79e1959c"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.79e1959c_1547248748367_0.26828871792058373","host":"s3://npm-registry-packages"}},"1.1.0-alpha.79aab1d6":{"name":"primer-pagination","version":"1.1.0-alpha.79aab1d6","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.79aab1d6","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"24af13de3416a1993e696b7c2d572f71f53f4896","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.79aab1d6.tgz","fileCount":9,"integrity":"sha512-6iiM2a1zykYiRNc7Yug6vFoJV1iUC0CwMhXrGFNKnlJQSOGHRgeLtxmcNndL7bTPo0RT7OZAE2uhYtt9gFwWRg==","signatures":[{"sig":"MEYCIQDzHzNEPLLE+Od2z5cVb9IWBMWq+vwFZQyrVq7ziNJLFgIhAL8SveSiGA7jD257ACGum4fLKO2Hylulx9xHQs+byAjB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcPRGWCRA9TVsSAnZWagAASuIP/11fH0av5OpNKtDIhs1T\n+lrST6bk9cXPSaB9f1TQmBkOdksZO8t+kY7j/K5FUZ0YoLjeV8YQ0BrCBepN\n1JG4DnjXrwlIbJVHIlslJ3Hdk6MvXCI+JENyCWfL151TNLRp5mU/1dfmCJN/\nwonq7MKWp4WToqNpEBaLNAtJt0p5fg42q/1PW1B2MuqG8Co6M4/9Ej6ObF4H\nCQGc5um4O0nF+DUKFmUKKeourUR2EEr2KbqqLY5P6p7ZeQtsymqHDf2vwMQi\nBXphmj5pkJY3aZz2jlhib1VGW/+dor3kYjNikVVD9ssaZHgdsA1pWXxsSAp7\nUCcR8nTT6WCOlPkbEvYCzkklpofnXFMDT2PFjB3E4a0ajMeT5DmBOl+9fHyQ\nh9edCXwRlfDFKtT6JUTeoE0WJ/xlKaO9UE8Uuw5SmG9y9fGc0YVGIsdTnjm+\nfzVoJIQCh9C4xOWwcg0gXD280ifhhRF3iAr/WLHJUBcOrBtZ1U2HZ/LGvShg\nUfMgLX4XLOMUip0UiauKcGsS+zFCdjWP0CO5+H55GoA0FAKe4j3j1LS84gxG\nlBDwmnbNUFGTQu7+CaxZ1IufNNlzMz/Dgj9w08HqTuP0rQTxL4nloAUFC/VV\nGso4Fpf9fbOKPqISSZSCgaNhAIKcndyE6voehz5Ce+vxbvkp5+fDtOmEv5sN\na9wd\r\n=lDnn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.79aab1d6"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.79aab1d6_1547506069457_0.7885941534179095","host":"s3://npm-registry-packages"}},"1.1.0-alpha.f2b57801":{"name":"primer-pagination","version":"1.1.0-alpha.f2b57801","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.f2b57801","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"e9584a6242d53199c42acc2cfbbfdd098106e279","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.f2b57801.tgz","fileCount":9,"integrity":"sha512-b5MQz07glYns/iQrxjH6uTqJNCfiSCagkX69VIi/czHaCLEyLO2eMsg7UrW6SDU9yQbDCk/C1GWoShk3SRjBrg==","signatures":[{"sig":"MEUCIQCDTN1NUOmQXtmMLADDBxAXVm4N3+9tobEsV11zTNHlqQIgVprbwmKuta7OCj8KNFo+BSxUokZ1ah1mQZURDIvCChQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcPjW/CRA9TVsSAnZWagAA1Z0P/ji4iq8vWj/I0KCHNwbJ\nqOLQBaOXpQ1dXAXtuOgR6f2+9UT0oJQxr5oKcOPkQGw8bTG76mzzDJfpMZCO\nwazauDsKny2HsG3SLSBXXhoSPu3125/j2SJdCZbM+xxcRjDKQaoEjKNTmLOa\nkXXPzgcp9K5UoGJjPJfH+jsH8444wGX91H90w0y0c6Votm9T1DBk89MctfBY\nFe+H0QZn4FaROG9JfYSTGs1cG6zp6N6tus+3hAlqZyog9R1P4CeYrdmkd83L\n1HntAk2D8NEEhD7X5w4ZZkPl4A6mvVfSzblKYb3TUUDZb7ZWrOy1PSsQb26b\nfmZD2BRmpJ9RD+wN12TMAV2o9ZNl2jF5sh3lUZ99NBh/SmCodpVsVLzo2bIZ\n3QnrQ8X3R/X8qbm37mYfUhmMf2jGuN0cwWKw4cVvM3/2pMEB8GUq9RWFlpaD\na3iBG7l8/Oy0XrWYN0iZcSGFxdGxqyoyvcapvACQSwH3UpWoyS7npMhn3DXl\nP/G2dmAVau+M1kLLx4tJWLjnsKSeC09TFywOsv1ZxojnYzlgSqeSCMNAbdWr\ngxbTll9BPm9/eefO1l9y/yZfmX/xNZ+GGnosaiMJK0HucUYYrB+iGXjpNYox\n1oQAJdx3jQ3Z0KeLqTy3MhEgX8IEfENDGvTqOn36M68JT6emutaSn6cHiMKr\nW8q5\r\n=tGWW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.f2b57801"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.f2b57801_1547580861804_0.0021834837813452523","host":"s3://npm-registry-packages"}},"1.1.0-alpha.ca348b59":{"name":"primer-pagination","version":"1.1.0-alpha.ca348b59","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.ca348b59","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"9abfc46455477f3a223f0c56ed582305514b6395","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.ca348b59.tgz","fileCount":9,"integrity":"sha512-taVWo0Pb6YyzdIr8wlFr2VY30hhcMim/9M0KAGKeto3m7aeMpC83waHYMIw3YvrvrAbiQ5iTYrlJGUBgbZ9twQ==","signatures":[{"sig":"MEYCIQC7GHn+z91Hl0gp23yumU5cbLYBoDs6MQVRU/boQyjiewIhAOLU/cc8D2QHxy4Y8qcE57pBhR87mCRWkScrMPuNu40W","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcPjfACRA9TVsSAnZWagAAhYkP/23CNtDepRy+yLvZ3WZ8\nzKjyIdu27NCi4mmBlHRLk5sbF+nlonB4DJ9LlSqe8qpkCcFjel3Qp8qWwJCj\nKWWyRsEDnLSlqEaFfxT/XSxPCykAlMbItv8HbMd4KORz2NmXK8nxFmk3kiFf\nG6gHELJbPtZjsUFJU7atf5q1gZRluOB8hFEOJi7iWfqpSpLGU/ND6tfqf80U\nHUZKBDtQD3eXBRyWUMsHKIBCHDKxRWawaKv7heOOsj4DKDTOsmPx9VMkY1J3\nQmezbWLiHq0KiV9zX9GJLu6dQCHrp6UAqKj/OV34tbLlWLzMFtlphy40E8J5\n/0rVjpWKJuN6kRgU4G+Jqm2SqBP4Ee8u3E3ndBX3pZb2iL8IoKU5PTXy+alP\ngbyfCpbFs2x851GG6g/bqipRhXrgtMiuBcn19v+3vJV5PVJhuT1T4Usb7iia\no89lW2ak6sK8jvh4goPmKKSEOJxBKUzZfH8P6geK48byrLzhzO2uOrzD7+/3\nRK72sx3WogdEgwrNFIG6g/mNDRUyT5Z6yjh7y92/O2VSyyaW8zOCV8ZqWCOA\n2/WRCJjY7aBczyoSML/9KRtxZgz3UIv5RfRy/vgKoRZit3THZ9LOQBSKG2hY\nkv3LJRmZMjVtjE0pHNOslf5yn1ikzlsJLxlqpWomswhvHW3qhustKYCj1JtP\nkvHz\r\n=xCbO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.ca348b59"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.ca348b59_1547581375622_0.9072431111216819","host":"s3://npm-registry-packages"}},"1.1.0-alpha.a5658d30":{"name":"primer-pagination","version":"1.1.0-alpha.a5658d30","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.a5658d30","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"b5472981a64d89e42592c0fa8a719d4be1bf6ba5","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.a5658d30.tgz","fileCount":9,"integrity":"sha512-KxDFxadaJfYUcdKLannxCQ9DR3dKmPl+Yru56+41zBfXQhsxhma/cKYEyyUUlga44DhPNmyVN3kHwVnr1xt/ow==","signatures":[{"sig":"MEQCIAhoVoF6/DqF/VONG/wLp83IFMWxKNGMHeY5aMJK7ZNSAiBMG/FQmn2Ty49CztRpF7947/3UvVAmPb5ORct6BJ2iEQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcPjfvCRA9TVsSAnZWagAAk5MP/j/gWVYC5XQ/enZUxBva\nMp5XRcMuwlbEM9vDmyq5wL8tQxjxDuRvQZUsmGlA8RvN9Shappswif0LxXQH\n6fsfUiqXqLsYbkrrn5vESknw3HNtU7Yl/LyHoLQQD2qndl2Bv71f9hiGfgCx\nZDaOqQ3xhJqTPvutR0CYmOxAe1HV/knEJk5K4rBh2Gqqm+mECePdv4TFY5Ig\nydsY4PrMHPQhthcyz9+r6enUU24EW7Jc5E+U/uyyCWSLni6Cioa8UjbICdgN\nGmNOOpMaLDcVrvF9VtdEHBLZQ0nd88xKJBDM35znmvpKVbc3ac9smuQGD7Y1\nKKuDa6X8BqDz8HFeiv4frYBb8k2sSs0IiV0cqpz7e025gcql6sQgM5b71ME7\nwCqRpmpAn0zJTSPfoJUFkD4M4wuFAWLf56hGb7Xekdn+iZ7CMLbIx8Lc+Fvl\nPYlCxuW2ws67c8/ovYYnK5MvQtRezSN7EODbiN0Z6YKn3hbqpdUQOuWDXyj/\nf9nwpUTNWrv4q1NIvGsp9mlf7LF2+W0/4FOQxCRWPDysCb71byuA8Wqd03ex\n809Aj6ALHc2SSKkccDwZGl39JMmZnk27+bTvFdXaIGdBYar3sVlHWRHBt2A/\nJhQuqI12z4CzQ2COXnw6vatFuzRoanIS4E9o37ThjZldcArnNoTDZVCFU3Wo\nyv+i\r\n=EBH/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.a5658d30"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.a5658d30_1547581422540_0.3228005623797765","host":"s3://npm-registry-packages"}},"1.1.0-alpha.7941d537":{"name":"primer-pagination","version":"1.1.0-alpha.7941d537","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.7941d537","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"915af5c9978e984ba46a186384d716fbcc7efe93","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.7941d537.tgz","fileCount":9,"integrity":"sha512-zC1e/KsKM6/AVLJ+c+ZgGLznZSvitDOjgfP9M77SowQ58wpDVSAe9uw3+XizDv+IwXFKOSqKZNYTDHlWmGtNqA==","signatures":[{"sig":"MEQCIHkjR2rZRgxF2DCWmyFb3rdeW6/J8ZbWVXWenHsAkarXAiA4Sw1rrk1RfqOf+GS591kSFdA8iWjRCjjNDxZ8U5bNkA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcPjrrCRA9TVsSAnZWagAAceYQAKFI4JEDAoSw/tRCrOgj\niuLbWglwqaBWxpXb6WtBuxwKSRyCzAY8N7xrHyV4Fpad/Hsj8Zk+eoHv4Ngh\nmjoGuY01kBiS6GbVTKVaemh8dTQd0q6QlvjDARjOzoe6786Fz75gcDMly+v4\nIAwbHAy7uuX1+31p7G5LKNg+x2We0SoIjoN793cmNLQ0WucgHREYlHN1MLdP\nwXkXfsF5pGfPrlvSzmCjtbcy/n3mDdGUZbbmnUhIAGX4lD42UB45Ha6D1Cq2\nJ4m8UmUgXowtLhFUMsmBljsU7xKaVlCwNwz8Kb+1EcacSBpYQjJEhQl0ojTP\npN9wcWiKOokeq4qI9j1JAOjSXiXynGKpvoJjUgHeDMpIcBsN3fgWzBHflhKj\nFt1cCqYQ++OkBL3ohjriOfb8lspTaMGT1pd2czoThiuZbN5WjzVh4Or/HTm3\nOhjf00nY/MhbLvK4zaMT4yxqEjXm5m6DY75MCr87t2neBVtOA/t9ZuOzT1ce\n46b/pHKdmeQR0cGGzpVhCydQsGAD72tth670MxZqKxA6PAZIvQYtjhDKkPtu\nfmNOPfAi/C4CHLnomU6FQKKWes0ZGXU5lfUze6bh5uwx4aMcz3tv2Ko6ESLG\nWyUheBtmvbPHpulTRDKrIvlafYjwyC3BXYDlyNcAkCLK4Awxx3l0okU3iJ69\nlOLP\r\n=K/x2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.7941d537"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.7941d537_1547582187122_0.9825874320596097","host":"s3://npm-registry-packages"}},"1.1.0-alpha.7a0f07a5":{"name":"primer-pagination","version":"1.1.0-alpha.7a0f07a5","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.7a0f07a5","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"0dddc0df0221ece794698122770acd82e500005f","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.7a0f07a5.tgz","fileCount":9,"integrity":"sha512-MUqK35EGQ7GkU87jEUr4os+kOVhq8J+Uh13wjlY2zIM9RTFxSVwarcw8FpPBm1T+7afQcpmZpZ3byzY5fNO29A==","signatures":[{"sig":"MEUCIQCx5nFdeUq5QBSToMZ5hmhNz+ZvH1J60X6KDTupyPnwhQIgJWRD/t+dAwMIIO+Va3oTddb3zQCPm27ZdnhJDSBMm4I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcPk1sCRA9TVsSAnZWagAA7cEQAJwLGIoZ/fTBy4h2KlFP\nPS0+EVrqwOFLvrycAyp9KvKPAsFWKZ8vDCiRbJ0zB0XMo/knIDstA3MQ7I2J\nuiy+l1DGkZaWQW6WTMGE5L2baQDpyp4Dx3SOZirSU9Pw+u+Pgmj4PNBiDj6F\niR/16jbxHZ5SBcJrMvbKVwXl4dkPXvX30yMCFhM/rpUcMp8BI+yKK/z1+hZm\n9gPJfI+GXVxPFDdh57wVrUgzlzACnEEXVff6/VVdlzvpLYYUFHwtoD/SXIm+\ncWEtphAVYkK2+8anEy4ll6JUp4W3E8YkbbY16AX+fscq1NRqGII++njCSh4Y\nwFQO4bCUQcVlYVCINYOTl2BD+ne7ttglFY+78Y8eZuH8bT03SQkw4Et5RitF\n0w4xKVvvPjwz3EidFtol2kzHhmeiG83+t8j567zCJyvJSd0U9wij4j5l3IuU\niyVaJWFG7QF7RwFzlV/0kxnqBV+KoZQtD7p+IpWbRmww/nr0XuO54Q6HpVc0\nAwTtpq46lbHxNbcJhN20DU7rzEuipJwss6CBb/hIigrmyb4E4+3PFG7iPQXM\nF2f7I09pYTexsJ14zxGo5TC3ArFX3LAcG0QMo9ZsfCyDiVMq5EGHAUB4nxCv\noHx70GOtsGAlngMAyYN6PgtRCNpQ1wuOiF9v5nVMaJp+PYfaogbD1kA4IRfh\n855f\r\n=6GNI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.7a0f07a5"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.7a0f07a5_1547586924152_0.7424520563498649","host":"s3://npm-registry-packages"}},"1.1.0-alpha.03430b81":{"name":"primer-pagination","version":"1.1.0-alpha.03430b81","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.03430b81","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"22cdc67941bfc82bdf0cd83598d1cc57aa126471","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.03430b81.tgz","fileCount":9,"integrity":"sha512-NnKRBHnFjXmvsfMK210M9QP6fuHT3ikGozYKQUlMEWOyu2YdYJq9LZ5OslLa+Nn4K9moXWTzdVLPO73sDfkqBA==","signatures":[{"sig":"MEYCIQDWwiXZ5tueYXeM6VSnh39pkAGTVRlZXvoJ/2+7cOPqGgIhAPYGKufqKyWBzBxy+OOfX+J2QDrQhAzy6ol2AIDfKDje","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcPlGVCRA9TVsSAnZWagAAGlsQAIYwAYG3KBIsZDExWKep\nrkUPeLdbMTyJIvrhyKg/PVnGTwQaElf8r9U0TJf443MdTXam9ouXo1nYA/+W\nI5S/KOEzTIAZRcg/YadNczK7oIKJ5D10u/GkmzgeG1fEsLTZZYUFA+/uDNWD\nD5ZHN5T0cQT1F9T0cmnxM8A/VwOgrWue25lXyRjCDw8eSjW4y71WrjEpR39Q\n2HrOfH7V4m9Hwc7iURLkJgiUljwz0LWKiJe88ECPbM2lkTZRTTYkEcjNM7Gz\nweRqvN9kiBESVJXFx3/d/p/+tBfqap0+uXPztf/Rj5Q18L3FgYCJAL3RXfqm\nmLbVzSRhOYt1fR6xrkUM7XaRuCUPAevSkzr66okJd2z7Gv7EH2vDxPlkBac/\nOIldXiQH2h0TWZFrpqtd4abCXCbybO50CA/Yr8/fHYqtehIamclycjUIhEwM\nMrzOrnIggjSp3zPp01eTzpWA6mXzwOx1epTGw9qGe1LHCAobQC4vAT2Y9C9d\nEsx0FU7rvjyvU2Q5yM+sk56t//ZxvpxIWaUZE7muOS/ngn5OU7/+C0acqhNU\npaCUrY6A86px0yN+ao6CiKWY+XvGgPFUT5h/5F4NbBnwQJ0f9g0OSpx+On9H\n51BLjBWRt9hQXCpS0CZzH9Hc36IfV8itigcPBEFvvIraRbeQtDvoXil1yVFu\nKsPv\r\n=DN69\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.03430b81"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.03430b81_1547587988747_0.28065218610594544","host":"s3://npm-registry-packages"}},"1.1.0-alpha.2aa63435":{"name":"primer-pagination","version":"1.1.0-alpha.2aa63435","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.2aa63435","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"56b1c2cf8ee1e6ea6973c9daa84d448adb9a4a73","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.2aa63435.tgz","fileCount":9,"integrity":"sha512-y9AQ24ahOn/HvRuMdzPQ8MgrvSqGeGAFvl9t5u3VZZMQAf3+I4dtK7FgHG6gJ6FBukkt4dUlRdUzqU8ZQzdLtQ==","signatures":[{"sig":"MEUCIAMFMMhd05bU02owo9mGIQyVO05oM1Y3pgXAUT+pyvE3AiEAi6tv+JEDEHMcHlQDLcE/ND8wc9OwAEA11u2vlOgXeO0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcPlNdCRA9TVsSAnZWagAAlSEP/3MrE3qzXxnx8j2ASjDJ\n0xfhWbG/rOMZZPZ8N5KeZcaUvIXqNxPqJvTYd9GF42dzAhrgPWQnv6aeJ2C7\n+e2OwvhpqaX227Z+PCT+8Zo67jrQzPadVPQscmontJlYyH8tRv6I3xyvHJfK\nTUm8CTvgwSWqMtNlsDF/JQGJB5frTpisiySSSEC/oadlUlXDihOuTGEl0Gm+\n+6F/vykQKhqVMGG3R0JU6giaTgmvuZmrhg3f1A6yTL2tazFWg8Fj2aeG+9/w\nIhUNuG8AAzs+5HdCzOt3YLudLeBdTKpCm0ngSFKvIYOMcS/nimnJKZfgR7KH\nLR/DlKHSDir/Fqbh5Ks7aT/tYUWAidlavoHklJWQrkojoStlVEx/j9CzzDqb\nGVxZvV/YVENKL3yVHHp0dCAiDdRSQrgFkXbRgdcKHWJvhM69xyirEcCc/VyO\ntHkXe1iVnE/jWUm6IEuhJTeCMP7pjHsepdjUYclaTi1ZClbDp7pWlA1klYnO\n6Zz9T32SQXzHrwsqdbSALfN6ca6OWtmrwb95jDec1ADY2Buo1KjlQhx7jW0t\nnKMnHhT0oE9qkhuaq8/8CAHcJ7eQsuo+1ZBLdYUd+xHZmUuEl5ns0d8mjPZv\nLlezgWlOHrnOPxPvWO618uqBVo3c4EQmKSbmxsaz+C4+CIdNBfiQwvywOAc8\nWC7r\r\n=BWEc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.2aa63435"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.2aa63435_1547588445056_0.5760336004205231","host":"s3://npm-registry-packages"}},"1.1.0-alpha.51dbf9ab":{"name":"primer-pagination","version":"1.1.0-alpha.51dbf9ab","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.51dbf9ab","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"2ab3e0e79af436f32992a95f25567527724fbc64","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.51dbf9ab.tgz","fileCount":9,"integrity":"sha512-c425+leEPJsSpemXhz2Jx8i9xiwgCbDqWtmi4liSIX26OO6iA0KmpUC8ZBHoVX5kLhL/6vDXnC51lhF5GSW4eg==","signatures":[{"sig":"MEQCIFJ1+S1k/PpTQ7IDIzKiz23x3v6Sd7pk9WFl9wWoDymyAiBnCTO940MmGPincu4+8sdEuW1L6460PGrzWMYR5gKkpw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcPlRlCRA9TVsSAnZWagAA+nEP/jLgpY+PjTKKRkLUO64s\n+BGeCey8vSVJNp09fcPNDJDoDpQjkEL7U1ra/KYvIdDsJ0E/eKr/9sU9cZQb\nGaxMAhNY90G106VIeN18upPpOz4J/PXIakDMV8bn4w7030mpPAgoi7XRtM1e\n9p9+KP49BPvuxHQMokBd+5ccJt2Nb1cvLePBZAsgUyZSZdnKbmWJCqhUyDD8\n5BzU1m+l9gXIphFbhlhnI+APpa8cmb28LhYEjI0H2EKhjsZdMoZESDV7JmoP\naLSkXyO7ekYLu12BqyDGZ4mQVCQWt+WWWkfUlhCdkzTuk3Slm4X8J0sIIOYl\ncvGZWPgL+IJrj0X88T1Q9N8fJqhGScVoJ6lMcvH1iTQaGE+UgGA+IrU4mi/L\nLb2/PeA4JiiLhxKV9+duioORHMYEaw7KhDsxHvDnrOcpKjfCB7WIR6cik+4f\nChfICJJh3LRQCaWgoNRaYj0p0iNqr3540BkIfeQWimarzWA3jNlTCGY0HLog\nB9dRAj0Bo2pH+w9Xg+DyoduaxFqDXT1uMOKow5M8+DrCnBfRr7N6X7iQ/ygp\nbgu20UO15aliX1ctUMZa9O63gKNeqd99eTHMhOgnXGgPsC2UOx5HljllxS43\n6PVO31xVU2jPlw901fRVf07pTqdHNINxPQwNZfQKn7kBES1fKf6SAZNqDUJg\nfnXW\r\n=0dkZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.51dbf9ab"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.51dbf9ab_1547588708927_0.3872663538580483","host":"s3://npm-registry-packages"}},"1.1.0-alpha.87aaf87e":{"name":"primer-pagination","version":"1.1.0-alpha.87aaf87e","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.87aaf87e","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"22e837eb0075917dabbf9712c86c2463db285a1d","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.87aaf87e.tgz","fileCount":9,"integrity":"sha512-V2FXl/xvs6smbDe8POxOySROmZ4web8BNI/W0U36TO9aZHkA+lZnP8ZnmEpHv8EkxP62y/XLGOGwbrxN02NnVA==","signatures":[{"sig":"MEQCIFYAGF2fH42/NiH/ANWjziEnnlDMpUu7wJmzMLrtAkQdAiAvywmgWEY2MySl+mWAhYFnci2UsIzh9QtR/kGp08a81A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcPl0RCRA9TVsSAnZWagAAL1QP/iAuYWr/Go4lrQLMm730\nygOG/tuCOgYAxQVE9h0Ln++MAaUFH+nz0eZXLJATXE8fEuNSodP9aGBFTn9p\nyngBA5J9wwQOaJyB7IJR8jsCn4sDYcAjiMKtZxuXNwIlHyVdpuH6x6f1qe8e\nWr/HgA4vEfPTd+T0b4n9/SbVKnwI2YbW/dGxssx5rnNAjodYQ5B4pb5ug4ty\niZUDpKFh+a7kw7QuG/C0qacP33l6DKmCQGLRcWOl/+RvX693SPdisDcb1kqc\nloVvGLSkNucO/WGB5lsfx8/CQjALP2D0hyd7eopZtb1rKQ5xqjZk0ewg57S7\np0I41h2QlNI90yRpakPtPScqmuWjyZeybuHfLyuzRmkCd1zMY0doq3F9jkPF\nfZNp0L/fL0A9I45di4OEZ2TR9CAZv6+mi9HPrMcqgRKTTMvqMx3d6aHL+kD3\n5fObC5Y+1tiY9uqM0IeE2LT1lB+g51cdAuU5KeNlR3ForXETWvFMIGTFCBB7\n2AG2Kgo/rfMGwflSowGxplgIWTJmaia82ss8HCSizMhMnHzuxLLFIw/IBDBG\nfBV+OysHDdC4HGdchpuc633vm/CwTdmT31b1zimY1x5L6vQfygqLVTKWEyHb\nVf3FlLnPg3VwDUmAFOwA008bLSk5GoqHgJEIVsddA/bLkH/mH8nYOdizkMyw\nsS6A\r\n=E6ug\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.87aaf87e"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.87aaf87e_1547590929160_0.2536147714575341","host":"s3://npm-registry-packages"}},"1.1.0-alpha.b1478763":{"name":"primer-pagination","version":"1.1.0-alpha.b1478763","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.b1478763","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"0d6ec1c6f6ad0efa32f75cb739f4c59db549062a","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.b1478763.tgz","fileCount":9,"integrity":"sha512-nfFUDLSlZX2+5C1EZy0nL9zVkOLJisNutNgprKjH3x+xDxmdLLT2Qn/R0PNHnExluEMWt4BfduNiKFMOpmBs6w==","signatures":[{"sig":"MEUCIDR2bOsy5KiaEV58zVK0/FuXNstUPcMT1Dr4Lgyq8HcbAiEA8p6riUn8IiXO9u8DRh2d0hBwRVijHKtLeYW5ulCRdr8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcP7jiCRA9TVsSAnZWagAA/e8P+QFkpqx6COJmsstwszHG\nJgTyDeTqOAuhYwfd1E77RFe2nI2Tw4GYkrOzVecEYOEqem/o2jpcPg1VOX77\njMBWCexwp7sGhy9YgDU1dKunhxPFm9ZX3RI6gyyTbu2BgnMiyAhZ/mNek7As\n4KwGV4IMer06JmtnheVXwu+q/uxnrfTj0F66l0UdoqF+9HEKyyOXp1x6U1IV\nOgFPw46Yv6kJaqRn20wQRlp9oNUahNTW3u2nQXaBCBDoDwIq0R9cAiI2HJ2G\nxEq5L+evB3XwvgYgQVBXkq3QrzY6A+pAO7Rcgf3KNuaCj1WYHhhRO4vL7czj\n8r8T+5qDt2QOREyAd6e+w8CCoUikUR1H0PEz9MtK2byLMhQBAEq0gipA/PZZ\ni4CJ4fioHbek4dCdQsYHomOuMGrZN3ZmsFSAqh5FOhOAEE8Q5VVa5oJ3008c\nVyAs+Adu+u98HtOPlZnw01JtiUFuyBYX2076f93+jJjAXBNMEeNX8i6v/x+z\n1vZMhKOGyIXsKJE0CL6YMquAa9GM1FTTAILT5BGdMJeBe3EcoJktDNWyItbJ\nFvLe266wFtLkctz0310mxpFfCxlFW21jdrjk/zusnu20Q03TGBTC/WAgUkxf\niUnKzlm8fphjmI5EexwR0VbsK8KPZgFjS0Lrlh8vRalyEX0ljYpjadSReSPO\nywLP\r\n=AXtH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.b1478763"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.b1478763_1547679969724_0.8626155650979477","host":"s3://npm-registry-packages"}},"1.1.0-alpha.e41bfddd":{"name":"primer-pagination","version":"1.1.0-alpha.e41bfddd","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.e41bfddd","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"080aad72a9de933cb88283cb8cdd1d0f37706d9e","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.e41bfddd.tgz","fileCount":9,"integrity":"sha512-Xc/JNwQUs2OFigRQHuFTE5cm0mHItooEQZ3EgjRO+T9Uk/dUyMRM56E6/0A1eN0R/P/TURPrSWhzF2NRdvshEA==","signatures":[{"sig":"MEUCIQDwJLZKydWrbvk44FPEBGeCB5RiDRbsFyUJ5e7//LBfbgIgKYvgRmQxEHkBlpM6O2+1ddE4CzZMBYHV76+ZIfLxllE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcP7xBCRA9TVsSAnZWagAAJjIP/1mARj4rcuAxyy+UZHB4\nmZ74OeKD/I2fJVC8UPX8JKVJi6I2Q1l8XaXCIykLfAbdTiMsa5+2fOu48vPD\nRLrkPLgFURe7Hu6ovBvVIBFaKlNoQJQhRxKZ1e6lGdcmWz+UxrUzYI83eMwS\nQxv8pUmNEhdj4pYMZdKeIhYBHMrh32EcJu0qZyEJZ0aWD7k+3HShQX6xvR+q\nL8O6EaZroPOQFOIaBvZBUkyDfEzSPHsHLSi2GwGLw2jmwx9r3VMk2nUNNMrC\ndwyRiYO7+zvk6t3fyB9BURCMUpNCE3cETHb4Qbqy46LzBxaOAhZ2gcyfnmAf\n6Y0zTulgj2WlCm3mjjfY8Tb6lUOPjiDh529Dr0ZrHNa7ZfFTaUCk4hQ8tP4S\nfZ2IDRWVxKwA95FKXaC4lu77qP+VuAxaWRhlQ2QHzhW2YjW2ZW44k+Kg3IF/\nkldsxFyhDX9akQPFak1emefmzTe91R/Bw2wzuHTJuTLNIqW9iI6u3vbP84bd\nIbdooABLOSrWPkjgLS/9B1JAEC22c7fFQUdQ6SOuSnpv0B7qf/a3jx+mePVb\nJfzdv1/e+sI1q+XWH6UvjFpS1Bvy5M+qwU0bjKF2qB8qZqpFNHmUx17y6RNS\nUrR9yY6N8LWrSoyXZQK3vwjTQFcgylNvbUZ1k8SwHImvyXD3IO6PBJcX2GAQ\nxzqF\r\n=KFnn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.e41bfddd"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.e41bfddd_1547680832577_0.2687708282661634","host":"s3://npm-registry-packages"}},"1.1.0-alpha.d93360bc":{"name":"primer-pagination","version":"1.1.0-alpha.d93360bc","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.d93360bc","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"95229074742668e1f3a46be8281fece39a10b257","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.d93360bc.tgz","fileCount":9,"integrity":"sha512-b4Si2jsySGU1TozqxZC/DwqPIpK3cQ4Xom24PM226lhl+ApGKajwROSsGJHz5exsQUb3vs322aKgtTREiQFGNQ==","signatures":[{"sig":"MEQCIBDYupCHOctJ1IjFGplgT6/lUsOtgIBA+5oOzBnGd4vNAiBmEHnd2FHpFew1NfiChBGIMYBt1jjiaKjCJ2KO4CkMmA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcP84nCRA9TVsSAnZWagAAqLsP/jwJ6l1nuNbyHgZwqMNJ\nXdffjAdFciVnlhsA71ANoTZcy/9aPXG5p6oFm/34qQTeXTjNkzYt4S3hRIbm\nPTyKMvpzfOi6W6QFDrZK9OqdWmwgXHkQBFIz06hugtX20EUTWolnfPj6Si+h\nSimgmgT9kdctH/5pu73ymPqvE51fLCLGrbP0zSwgR35TPklrERzViMp4Ngqc\nSAPKm8OloYGedl7u3VMKbEeWl0cjOQtUsosxhqytInmkjtEz0wCOkHLSiO27\nOAjZn+b8hvA7nyAS8A5n1xRj/yOZbR5NP0V3gpAZ5i1eWoW+QqPePAfYpfvk\n7SXgkLDAx0ULjLCYeFJJFeYRmsHxoLY5xshL0VvS1EOikdc5eKRZrFuD4lao\nB+dkz5jqV7XyY+zoODqQNl3i2IoooDmU65P93byDnRgg9h8S5KHoZsjr7IoU\nsG6w9Av43dA4A5PHJ3h6ps0t4yc+74HI+No0ytB42iLCDvN+WknH1O3xD03A\n2Frn/3rYTdAumoWcUog6eWKY51nen2ZlZWLYRe8iXWIBohpO3XELliTLvkvT\nOV2zrMq8piW4TwNHu6bRtt2Z0Rtnlzy9SRb18eo39i529j54cVVxXifburxu\nubQ3ncEfqNuPp0irvl9ILK6gYz0/cHh3ww+tWH8tOLzq7LBOypc9jeP1Z+oR\nmljZ\r\n=Yvdb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.d93360bc"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.d93360bc_1547685414522_0.15574203013919452","host":"s3://npm-registry-packages"}},"1.1.0-alpha.20dd7c15":{"name":"primer-pagination","version":"1.1.0-alpha.20dd7c15","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.20dd7c15","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"a322a0ee0da0280b609ce546f8687bb83ccd89e1","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.20dd7c15.tgz","fileCount":9,"integrity":"sha512-SGKMPi0nljzgaxdveHX7P4L3o+wt6Jx+2DRDSQmapqnpcigpvI7G5J3PhrWVZiY/kp0i+VUq1fuXM5rDrduK+Q==","signatures":[{"sig":"MEQCIHHmE8H0bwSmcGcwHvk4CXh7ehJNs9GpU1lBzicVLyJtAiAXq4pPtWN5lc4UiM6ykTNLBtsTpN9qplx0N0JWxOVSew==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcQCVlCRA9TVsSAnZWagAAtrQQAJUqntGOQoADn9cqTFVc\nU1Qcb1OmD5B/FoT8/AuJ1iBjOOlQzIoiGNvxCGqLhYUf9Ps8Vog1lncYKd5R\n1LuxCzU4eYCbPD0L7DLnGFpyuHqruNGwUDpdojzOY2slzjcJdSqnX7FR27I6\nyv1m/jLsMKOc2d3Pd6hccF4pKUJBQKYpk8LgNNaWAUzcqph45lU4ENFWjgt7\nhFopPxRuXi1dYUnjFyJccGs5oTKjtqfT7KLCzWF4crc99JJ8B2N1jBA/y2cw\nCyngnltxLIctB2+nWp14fxrKcjJAOItR31cq3/hOWEq0ScfTX/KY6WUNlvur\n0B1GIiF2ojVBrEdD/2o44/wNbyJCQ2QlzY7uwSvVykkDtkNaBQpAUVjkX4BV\n5/rN8oRijRmaDHY0374fswxfQ+pAGHbq8wdT/4UJEvqWBigD6dZ8nAU2TruU\n2w/QzobPsLYgQD/ExVZrIhqAEZs+NkeSZmI9Sbc3La2T7OD4KicfypL7qXfY\nUeOkE6d0Bvupm9YeO8rjDhLj/dOIhWXh1lHGWN+Gms9KVJ4NaQk1bR1TsjJV\nq3dSSE8OLDDcCXVbHIET7RBXxRXOKAqez0SNpjYDcZtmgH2iibCeunTUZc3Z\n/71vJb4nusUU96Td+XuslvhwyseicQxz2TvrO2DkL778EdAgQ0fLRA1DgTNG\nvYTE\r\n=6duO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.20dd7c15"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.20dd7c15_1547707748818_0.07776715359280395","host":"s3://npm-registry-packages"}},"1.1.0-alpha.5c653f08":{"name":"primer-pagination","version":"1.1.0-alpha.5c653f08","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.5c653f08","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"a1701a293fe590d2b72c43ecf3b450f8bc5c0f70","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.5c653f08.tgz","fileCount":9,"integrity":"sha512-djlVbRxnzNbu+2tCjmE3GkGMIDHjCeeb4pAULei26KkxMGmA1z/3us9xB3SSd+/QNU00AJAINZscrYwprIH/Kw==","signatures":[{"sig":"MEYCIQDY8MGktpd2twTC1fKa/UXE257F/AeDIpRKrCpKe0JqnQIhAP8cUTxa7aXmFbjZldxmQOey7nV6wF3sSlWUbSLLQOrn","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcQCcUCRA9TVsSAnZWagAAr3IQAKDKBMcUiKqm9TWDEl7d\ni/onhEqM7geCD8JOv63EQoRHkPYMNNlVlp9j6dgTNFNn9782kUm/28gXByJ1\n9nr7MZqEpHcVm/c0g58mO/WvCcJqPGp3adI/SmvKXuAzsMRLi+r5xp8/TknC\nFAgq1jC63/Uxqxc2s29kFDxLNBB8gAYdNN+10Avmr+KGIlABgOX8QRqQUOQs\nFCK449v6wnVt1ffbwBu35BZ/QJEfs0NrYb5V9688LpapiG2e6edFXAaCw8wV\nvl8e/rUiVU9wPCjPPXn96l49xG/sf4s7W/8gAQiGmtM4D/ySylpeE7khsMXQ\nSjpAbXWM8SgyF0KrrLTo07mSr0+7M9e3/ef3YyZRJK3/VF5QpEmKa2M6qY2a\ngd+bAiszvj5iZAxpF1ZQEzG5yCF8rE30NPD9KgYAioftaB91vaH4zwPVEE2A\n9CYgEnPqlN/+2SK/+cIjf9WKPOsDqzZ0LiMIz4pMc4DZLqJ8/Jh6FAxz8QpG\n779tbNpGsC86hemmegEpWwkUAl3bpBNQyB2trNn9pl51oZqnpAM10WxkSvy2\nv++NbEW0lObJMlqOAzzEWC9Jk6H4eahU7ajsVPuQcdZ57GkLDiQNEnjMF5DB\noyrlkiX6R6hGQcl4im0+N50HRh1CZfeJjbM3DpjO/zAf6uhGTbQbJvxovqzK\nFDg8\r\n=rJHq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.5c653f08"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.5c653f08_1547708179728_0.5811618886316054","host":"s3://npm-registry-packages"}},"1.1.0-alpha.4d5dbc0a":{"name":"primer-pagination","version":"1.1.0-alpha.4d5dbc0a","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.4d5dbc0a","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"5ab14b02677f992eb75095b9ec269c0535f04be2","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.4d5dbc0a.tgz","fileCount":9,"integrity":"sha512-R32P5YpH3LtvE+N47fU4zyacIGK9RnCK4vzsxg6DytFx4VAU8WdxLKw5XK4vj1RC/a7D7eoT8g9xmqZPM58DYA==","signatures":[{"sig":"MEYCIQD9PO2aZ5Dr/il1Ceam7upMO8L6VzRuCr0dABlpPH2hmQIhAOkyPqzFn6Oazt9uBGevahfiSn4PzLK6aAC68KezqHje","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcQNoICRA9TVsSAnZWagAAKGcP/Rfi4TpDa3t7GddWpRbJ\nniCjq25l89B6QeuBN946mqlF/iyiUxTXF0icC7m39xfUFkg6swcsydsfY4Cf\n4QKGRa8S45SEd9ih35gcpTlPViyELZA9A8GEl5JL3+W7dMWpQhWaWYuUDt0x\nsn0wUePgrZhdgpyP9vXdbCKCDeo4K47pSrwpUCZg7+aXzqpyGQY5qXMBcEwS\nfTjMFKRWWqeUhKr4bUokDKZNWMzATjqkh40YnLDKxeg9Pxk5o5OotoqAbppq\n9MFdnsKcqdX6YznVc/Vr+SptZafMkfH+xyg4kLenL0jqLpgZhilFgO/w+vk/\niCQp1IPgAauggFrb023+8DVLlf08IAUkTP39Hj2kiloUzt4SiP5aE9q/wwus\nu7Q3bZJHNEVCEza+7mQQGPNc9Q8tql5ojuKD+7UGtrLuj6VJGYyhXIWYH1pp\n3PkebcHc6kUr1y+wGHvVcYmsEDsPo5k6unCYl+FGtX0KYdaZjd+4pkT1BBoN\nkoKmTUuyTi9s/+nGG7g01bBwFf4o/43X3n/uKTVxAPTeG6tNgk5CKDed0ajc\n9D5qe1Rs+x4PBwjE7Xqc1JVVUD8IzAzCQ5e2gn7S4p5CEOF/XV17S0xEUZ0k\nOYHRyShOgvysZc1GUkccCoAjMd2mrbF0XRRMxr+pVisba1TNvHlGAhG5nFHW\nR8S2\r\n=l4XB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.4d5dbc0a"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.4d5dbc0a_1547753992103_0.6688398845528281","host":"s3://npm-registry-packages"}},"1.1.0-alpha.dace91e8":{"name":"primer-pagination","version":"1.1.0-alpha.dace91e8","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.dace91e8","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"1c1feaba25be484c6c5e33f9d3a379d0c146470d","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.dace91e8.tgz","fileCount":9,"integrity":"sha512-Ci2n031mLqKyIgn/R3nuW7n8dtWQFFwzxH5g5nwsV4BirHFdAGnRH8qLKN0mLRlIjYiHyjHyamO/FIQKUqtsuw==","signatures":[{"sig":"MEUCIB6WgiR9QiEHnnUQ9k9V4FOul7dwLOF4tRMmoSIxRZwHAiEA2IGo32SsZTRgFTelogO+jeaL0ibdhFBe2amVuDReQAs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcQN00CRA9TVsSAnZWagAARGgP/i/8lNf1foSYflJcYGnS\ncCo2CB3fBzWi8DxCXXnE+dEt8PurGgIkkjqUsLHaaD/sl6Uj2lchEx58zfaH\n8AEvYpzeJIl5f0GGqv2J4rjwB7T41/tUK93B9DDeneKecOv67U4ScogPP97R\nap/f8cleUg51yJlePSndDyuCoi8Z0s2CoxN8AzzSeaM2SwtS2Tv+bMf2JR0d\nREX/Wx1ekBaOrBQIE7+CYaWY3qP3BodHTSPoK1TJBIqIhkQEaNMYXUj6x4kj\nY5HRwsZxtYtdk91/qdQWMwW97HZDB3QapPqCQtQXGUdwUjOeskKL9wB6bWE4\nZXFcI6+kol9rmJ2D6v3YRBcwNlWlJsnzE0pI9T/4DnGQF5ujqVFrdnsDc0Sk\nMfbMiXGfJLWp36CR43iXB+KmaHE5o8yStLiPtnkLWAH5R9RFXzOMW/b/niJ0\ndk4SthKPjRsNZmzWZL2Uu4R3svxqZSMbZYRQFyR6ZjkNFyjW1YDdzf9afRJN\nz5qHC32C/oGj51l8VUGbSiQJ67C4BStlsi6y2z+JA9Eb8jnVKRnAwvScjW6S\nNQCoh8jelbExsQms3jTw/Yoda+vNmNwru92Bn6Qp1vRJRXKpMAAo4vnFOjbg\noOuPFcn8v/UXJr9fCdbqNJmsBPDa+BqRelg1TSekZeiEB/srA76ZzbPZB0ei\nyzQZ\r\n=ht+W\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.dace91e8"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.dace91e8_1547754803748_0.312229486302946","host":"s3://npm-registry-packages"}},"1.1.0-alpha.d8fa0fbf":{"name":"primer-pagination","version":"1.1.0-alpha.d8fa0fbf","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.d8fa0fbf","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"53badd314aeeac03417718851cb46e0b9224cd01","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.d8fa0fbf.tgz","fileCount":9,"integrity":"sha512-hMOLj1Q+m47AezhJsdQmJZ55wSvk9R2B5slAygya2lqjakjzjd1TaFrKIoycuGKGEb42U2SYp1jXbluqMWcPzA==","signatures":[{"sig":"MEQCIGrHn1cTg2F07PSEusOoK+Ehfni15AhMXUnqpNVrN1ONAiB5M22yekPHwrHfgujAUPutIsiV22u6nkP5g+Pvah+7aA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcQQThCRA9TVsSAnZWagAApuIP/3Y/VYjKwaNZRl72AwaF\n8dCQsNsbRKEo19vv347TzxmUXASTIOT1OGT4X9UWAn7tPLoaAl6hdWKGpMFR\nerdNnx4x1WzLU8+WpF8/WvFFnGT+oyYAJfvv+C+/ptUMexmiIFXZak+/AEXU\nyQaylUo72nq6RueXJBIlfZAJcYUlRakJk4SmqW2YGu/7TwQ6rnU6ifPc4QhC\nPwPkPK/t67Chf70tu624IU7svvGmCsvS/Ky5oLh9QHorR61ul6v8V/3QSVT2\nAh8MlI/zDGQtz1iRzk9lo//eJLWNDzAJYlKo9IsJrzutksexV5p7olEgQtgV\nWY0cKHzG6YFnsHdxJ1oprwftzhYcCw2GcGRuZU8Xtar9OMXRe99n5yVH0UXC\nl0Me9r6Rbsz/xXfQ90hnXlC6HaeI5SgD+oXmnu5ytBqG/E2byV6QIR0k+O7N\nZSzc0zWBJ8ysQGcMlCUrr2pYieA+wT+13oQbzu23aEADGD9MokL/IUqa3r0r\nn0oiwJgGEvPk9B1Ob7DOeyxFkYwpznEUARZ9X6erPlijarCRseCjQX/iQ73J\n2C3lfR0NnCTeW0Uo3ETb9gHDgtWJKbJlbav51VVgezuQHridQgfxgBWeexRq\n8KTVpbh7ls1sAKVadeOiCxxubEXyb2FBLr3/pSfPa+J70LY1uNRVZ/jTPx9+\ncSXt\r\n=zYlY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.d8fa0fbf"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.d8fa0fbf_1547764961134_0.747017210129006","host":"s3://npm-registry-packages"}},"1.1.0-alpha.0bc0eeca":{"name":"primer-pagination","version":"1.1.0-alpha.0bc0eeca","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.0bc0eeca","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"a0b81cc3f3bacbad5fe192bd1673ca256fe7877f","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.0bc0eeca.tgz","fileCount":9,"integrity":"sha512-o+0jENIQU6O8Qp26Yaj2eMr8WKMtUnWAfqh6rl/Z9ewTAEr8YD4b233IihVy4gswfjO/inKocDJnw/oeqW58nw==","signatures":[{"sig":"MEYCIQDmfTpYyDLqGOlFRhhBJ25VRrkNDNicp1m0dPDxZZfkEwIhAPzBV88pXWlBw3jB76+yRmpA0bRZAs8ky/3KLukWAk3c","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcQQdnCRA9TVsSAnZWagAAvbkP/1XzzgTJomQc8QwycFe1\nRznqsZV+wbUp3SWu8sVCQLMRKzsAlVkK8+QmfyHbxa1yxn9vj0j4HkmJsK1R\nu/eAUl1I7yr3H0+7yF0V4RQySnkhXLFWzpgkaxPVrkGMI5hKURdkbBCcH7Jn\nA+80D3ZHsQq0KdQtti2DauKdoal2uCouOZjJiem/BiAZUNlVZ95fZAKN8XhN\nM54oRm4X2n68Q74VgLBGoal+xcCf98UYd2JFMtdq5YloedP7efcvo6roYvzA\nXdllzdPjEwScrTrnR/JpNbK7AFGHilvl5gOqWH0S4VMSTjhz/AV4YPC4tFSH\nSW8XxC0gbufQll6192hmTlX4IT8dpc7QeoUC471D8Cr6CjzGTJeh7tGfHOJD\nZG9yqsOk0XzkeK1VffQjs5eXOXt74Khb/QgE2Q/QCoXvXDxpcmXjGL5P4Kdp\nezzeKdt64GgYX8yPTKsSPviOecN3aRVOTPffbGTce58zBs/Qd9I2yeNz08FH\nmP7OfQDLuXpJAVei5xCHxzn2IZynbs4ZtgWxAzvZ3uhiX6KyzUASJ9zYcdPc\n+EFzuk2TFnf3qYJSW4emC97HAVOPYcfq6ZIGqf+aDr7K8zBz90kkTafaV8Ku\nG9w3phug4F+p4oZVJfmjvQWgIKOs5JgOGjL7pVXpuA18gxtIu84vhgfab3In\nY3YO\r\n=5oy2\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.0bc0eeca"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.0bc0eeca_1547765606693_0.401954091923318","host":"s3://npm-registry-packages"}},"1.1.0-alpha.d51305cd":{"name":"primer-pagination","version":"1.1.0-alpha.d51305cd","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.d51305cd","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"2227e68dfc4326dd2569f1d1094e6861a81892b8","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.d51305cd.tgz","fileCount":9,"integrity":"sha512-vpF30mSmRVGR3doelhTiu3adMRxDF25UGHIdoYj9bxr2RFtgbiQd4G9yiIQyDQaxdh3Z5ut2QJx6X9GKyOvHRg==","signatures":[{"sig":"MEUCIQCyTtVDL1G+pr4I0+jpZtIr/pMM9Db9DihLDxD9LRhY+QIgWCpfNERsliX16FHT5sqjJLtZSDrBNI2sORUzou7IPZk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcQQzbCRA9TVsSAnZWagAAw4cP/0nyvIOt/4T0FCdN7qjl\nete8Y8qT8WfXZ76ZZ9/rxxo4o86sJg2tZnRziUO0vFHCcLGnw3Ohy3lgbMhT\nRA/HhneOtHzbWwz8d/3GzzAbwau5EfTcCQxOefYzPbpLJo7RnNslKSVE95Mm\nYYF4zRqmHmheoYcFMwkVt/j2NoSP1C51N49MNvYef6LjtV9EgmSVrlZV7HC0\nH0dBGUsr8HUcpZy5LhkQI3BMuXz86Pgz/ZpSqZFTYG4OTNscStg1TfnU1bkJ\nZMAcRuCKXVNAC3/LxCMRsqa7/4KwkFggy+sliuCX9Bd+V/9bq1sIwmCip48S\n6cXoSOJ6Rl7LF3GXGHDVti61oQT7dYxFCKWiIXNPCBXhxBwn/OPNcleQlmg8\nJiCrvc8EZHhsMo2AGKI6C4YrTVrX2WnYiSTFwZsL+6Hqe5UFPmV41vdQCQ47\nqjJeq+tXHGtEQ2QNUZCaZjZXMApRyeO17r2XfjVVeL2G80KM7gZ2Gsmo3Vqm\nMEmclrmEZttnX9scSzdvZnbVXf8ilsO0xorH6dGvmTVAZ/l2Qvj8PrWpj41l\ntoPRd4dcQ04dpGzaOBJ0R2/80u5RRVDs22NdjOdtVr4sH/Ix/1+z+0QhBtW7\nvyWphCHE40bdhux9Kty286G+0iauFC86iwQsg4cNBndWuOECaeftkll4rb/C\nyDgF\r\n=vEMb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.d51305cd"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.d51305cd_1547767003171_0.2877463800546036","host":"s3://npm-registry-packages"}},"1.1.0-alpha.946e3ad8":{"name":"primer-pagination","version":"1.1.0-alpha.946e3ad8","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.946e3ad8","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"d79a74c857a6889a70ca4423eebc65d5aa9ab9fb","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.946e3ad8.tgz","fileCount":9,"integrity":"sha512-Ze28motw6lZQCWKvK5MdABrXsabgKHlKID81MeOapwrJu/Rnu1Jhv9m7r+DnHwu8cT92KX1HkhIKygKzQvuhCA==","signatures":[{"sig":"MEYCIQDGrLtd1jHwVPJ7IIf233J9legQ8tDuEgz8uEa5bBlAtwIhAMuvANQK16DMALcvuCD+gXEMdQ0aOlGD6vaTAoR+uJOD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcQR8ACRA9TVsSAnZWagAAUocP/iZGvU2gsEaSmVvK0nZ9\njFmjPYqPHS7Da342oGYCk/VcQQ0QZ1qOijeOothXaU1//Audf/hlmvt9teH1\ntjhkmnYkhQqL7Wy7OYsil3NRdVaPAsoi3FW81vZ9ZJg9b1sj+3/x9Kj4pp4P\njcbLLPMHwWVb7i4AxfEXpxZWaaXJW5ybc/J+e2Az+7Do7zfPj3PgK0YZLlzi\nStcEeue3cxbKILRS4g6AQSyazSc5uHgOs4LDs6fDa0fmytGheBXHTGQejWkD\nnHbZcCnbZP8LKOs4FPaIDg9eGv3IH4uMN2alfsv1YM6dplpwmWCIa2AAIXXn\nPpCmsT6p0sNMu1md/gIAIH94KKV5w4peSWT8lUk/SostH5sellHh35J7dUKY\nW64FlWs4aecPWIjhvK29MDr3XERO+UG/y2vxfDXFsJOshi9HBdxV3TL3Y5ow\n12hQZFLtUO3Y7X+/Nn5Mwa99hZL6SJpyszqUyajJtcoxyewd30fJrj0nLefT\nMADkxyy3WCEGR2LXS9CE0DUwpeLOENP1mUsdUHOHadRF3ZVHqyQSSJ5agPKY\nZPSY7wFL7w/Ep0kn/TwqARcWPdwBzCz51CArjbNifkjsjTIdWoALt4qcM852\n2vGSmFE1JcCBAaagEbsW0RGV45gyfhkrSpzDPXTGygl5rQTyuKiV0VR7lyZ+\nH/Fc\r\n=JU4O\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.946e3ad8"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.946e3ad8_1547771647466_0.5911966442805172","host":"s3://npm-registry-packages"}},"1.1.0-alpha.091e3379":{"name":"primer-pagination","version":"1.1.0-alpha.091e3379","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.091e3379","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"4c49cfc2e657c9b532703a16d182f607d9d749b4","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.091e3379.tgz","fileCount":9,"integrity":"sha512-1e59YjZC2GIJC2ycHDN4uypwKSI1cEPUa5GFasU8YfN1jx7+xxpag0DPqQLTapSSkYyVmuag9nKbIpnc00dq4Q==","signatures":[{"sig":"MEYCIQCJc53xPJF+aYwSC52ty15VK4sF8Cv+g4XF5Nyn/VxhewIhAJCS/rZF6zMEW2mNE2oIcnC1fkP+HuYatfqe2f00xTHb","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcQhFuCRA9TVsSAnZWagAAd08QAIYrtKfvpJgIiDiUNx8R\nei9RbROcj1ItBKHhcdBtvZG1z9SZPrVXfzIcxzdriJvfpLz3wdj4+6InICbD\n5G6bWgnvXF01yU7mdjE+prjxw4ERyjgZg/YcZBIL+Yeu33TfVaI8TKwDMfNr\ntMCf46nieBAq3B7wvbOF8Cov4p5sSZG25mKMEXSkzaSoyYubC17rb+C4MhsZ\nkcOOyeYkoCo57Ap6y95KmFeZ3ziGGtEYZ4A3OSS6hq9wy1QiH7iYgRzJ9Tes\nKq60m4E2qrbAJSZAcveYNvzooPsLQ6S/bLVP53srDrDo+xjAqN5Pa5gBjL9o\n4WEujTJrJD3TYkkBYftQZNxSifwVI/mkGXM6XqCcdNOUXljuCNZ+Pq2AMiAq\nrm8oytRaVW/f3vpQAj/dVN02aXz7uPESPXJERt1xdnNg2w07uaK9sa6fwwUK\nQ1shJP+acMuQFba91NZ3V/Gci75CtBykU6Gn3hG/TP2oi1702VZnbzTu5vtR\nCKhB6JaHvYPoKdD1IJE5t1RWs1UANG8BgD2Ci6BD7OmrmwysBQ37ds3sJZx6\ndTn9sz5RG0N4T/M2RJ5n/lEQd14SNa9oFF3Qf4KwVBk+Xb7hpwyUqrPIuVcI\nbhyo4c8usO/LLI8HeEVs16Qq8iy4dVLIHkbmM5E1GF3OlZrNC8VOzSW7qjGr\no7KV\r\n=4gGB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.091e3379"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.091e3379_1547833709851_0.14585832689831735","host":"s3://npm-registry-packages"}},"1.1.0-alpha.ee6f7715":{"name":"primer-pagination","version":"1.1.0-alpha.ee6f7715","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.ee6f7715","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"498414b246e79ac55abcf0e3abe37f8cb24e823c","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.ee6f7715.tgz","fileCount":9,"integrity":"sha512-3L1XwCSsX8kLrKQWD+gZTiSfcMYAgG2CKymIjgjIGiFT7JLI++iie746x/mhzKIWnXywp++FaK2ODrirpe2iQQ==","signatures":[{"sig":"MEYCIQDbWmk+C08sJhsmXIFkUkKJgeMCASC4eh1oRwppjxi8kwIhAKJClrrL3mdhSO+asyR/jMQZuon1HhMwI/zHuqM4IMRA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcR4eHCRA9TVsSAnZWagAAe4UP/RAsQAZaUUaX2AXF7gp5\ncGjDtFgJR1unBRV1bCop+yBzs7K7+CS6JR7ScjKfjkMgjN+Ntie8YW9ttQHM\n/Kr0oGbv18euXj8zatP+YTJtb1E3hSlm1DzPAuEZbGM/zoL08w1QpB4+SHiK\nzEEnTPlrvaiq/i6VeY0qkeVB4ITmkJkcliPtOr/Ql207ocIG0gI4SY6z+jly\nAK83PYZwkIVkBuZDkQkvTMBKl2xNM26ZQUOb8Q15mJm44L7wJ/XbFx5FSYCp\n/5xwadhCXQizF5QgPt6mREvxIwhr0JnW1koUA22WL94usoOm9QnUnUvCUUkT\nSfoKKaJ/6CkomEI5FUelvgrE4JxzYoaU9S7RuweiHv4ZiuZLVC0MAFs9AqVW\nQna94V+6nl7ZldzZILQcfviihPf0HgdEoa7AvvXd1zmLHfq8hwG2laq4vMz6\ni57H7cAQUaEOYC5uwNrFiRhd1eQPkm+9mQlRiPY2GlxEkVWCc6ZjyTci1+oB\nUYsRYctkSRFCZrdvLtrWXPm/4unVRxLGI23IAPIGAHOaEH4n2j0ha0y+wtAZ\nkahsJvX/4dPgPZDkaaLdHuMV3v7kzH706RBZWhOTesl9GYNhjFUR1eYqqO92\nsLgIDa//iIZFteZ7gD50nBX5/yThNnt9SudWWENL0IfwqZfE15Vu4WMt0ppQ\ncBVA\r\n=MroB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.ee6f7715"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.ee6f7715_1548191622760_0.9112343668254637","host":"s3://npm-registry-packages"}},"1.1.0-alpha.20da46e0":{"name":"primer-pagination","version":"1.1.0-alpha.20da46e0","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.20da46e0","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"39de7bc255e8f1a3c42cea55d234d19e32aa17e7","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.20da46e0.tgz","fileCount":9,"integrity":"sha512-fSLMv7Q/wpHb/zy9MwJP4aKtSCySFkqvfJNcezePN0+7MD8H/9OHsbdo2L2FvVk6icuqj2P/xdXYGEt0N6iBPw==","signatures":[{"sig":"MEQCIHOr8CCi2B2BzMrXuGLn1p5Mjptj9g9JjPX8CxxmtP0HAiAPSIPnHDeOEDLz1M6wvogke0eUbl+gtgpGMeayK5dYfA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcR4iyCRA9TVsSAnZWagAA21oP/iW3HKeHUuCWQZcTEtdx\nGeigbWLdXMSz1jaFCKsnHIflHrqiVZ/QkBDLbsyLAKc8hCK1NEqUKGcGsb8y\nI2PCqO/hSLUtCUBhW++5YRlv9EWZkSZNZ3lVCyxD4N5SI71cUmoWvOWaTeGW\nmqRjd72UDQCGotUH/W8ed0LFPnLqKqHBj2wVC50gCpHVtv9IKTN/k3+rDGgy\nBWk5C0Ww/EQ6aGjvk0kbo6/Ol5qjNudbmfwd5SD8vhGPE5OqJv19LaQWGlSa\n1rG6jUhmdWqUpe95InZX84HjaInetcCVukfuUAqxt/0zaBQfH7uCwLD1dHVd\nqHA8X3KgxQQf8zAHrc5/Wxz7u+WWKAytycAp+WUhytMt9KkYa6FSetOBz+Tx\nfAHTXPWDOSIm/gZjKiL0vo/gj62iMofPNd25Pfxh7tbHOoQYlw802BibVd4M\nHrSY0vQdlRfuum+A31bPmxu8zDxUv2U+mciSw9rjElWzVZC6xAZpCsWCNX27\n8PX8V9BK2hN/KBFiZ+exynHJirctc9FMCNtWc5F9R6hIvE/7Hc1fAuA87Zh9\nUq19Fq4qNDCKwJ7YPcFpxXHrBQOXkqwO0Il6sdLuLgaoOxiGdmF6GW+m1D2o\n0B+Da3En1LKcOKwylGvC/Zb3NDG0C+yGFJRv+Gd8sgSVDEHEJzs0QAWtkFp3\nhO/v\r\n=tCek\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.20da46e0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.20da46e0_1548191921520_0.5234645418738157","host":"s3://npm-registry-packages"}},"1.1.0-alpha.4b1305d3":{"name":"primer-pagination","version":"1.1.0-alpha.4b1305d3","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.4b1305d3","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"3eb76f8dab2467adaf4c3a565a34ad6299c6828f","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.4b1305d3.tgz","fileCount":9,"integrity":"sha512-WKxlV+V33mLn0SAFeZxRg6t0dIhAlWKeDA2D9N09IpjEYdUHAv2PYF/sfQvA0gZ9Fu5Yc3AOq7GzWTQ0fowR5g==","signatures":[{"sig":"MEYCIQDYeXBH4oa17CVG7OxZagInDGPsXYGE1OAupkdjA/+0LAIhAKwCRxkzgrpdjapsc1Q9NLTIp/6s1J7ee84hX80JtZ72","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcR5pHCRA9TVsSAnZWagAAVKMP+QGqHVgX0LDeiKqnNRd3\nbtuwBIuyoGnlaIvVvGUQCBHd4OD2E7k9GP+vDOvj39ppB3YyKdpwmht7Clod\ncYeixqYvigMfDZA22EY+uIXiZOJJ7DunMHXbtq2iuCJ62Id66CaqJg01sy23\nACQdbonOb3qtTNGaqQfsl04N9nkinZQsm5LS4G7u+an37TNXgddHJbe7bg7+\nqyvJbjZhwVvPn88h80Oalrz/DRcL7V5ulkiiT7zoIs+KC4kAJcFWas422UNV\n9eySi5Vk2xHy++sFOjoj0B01h5miAbmFOcYGVHEG8eWldteltdjxokBBNxs1\nvDvuVEyEuZMydEOjJ+JgNF+iNJUwDP8SHesW2x3c2jsckIwaHc2ILQA0qKrH\n/6hX26v9II80h5evRxRQvn/W2tZ1dyO4iscOO3OdkjBa5NhgUTT0m0gCKnkC\nUTisbkYxvoeo3LJ5EDCyjE0T3CFExWPa/bYMNusjIMawd6+9nh2c/o4rpYUI\nT7QMzIeNfsUj9XA8yRE8/D1BvmRebqoOCvo8g3K1zt4ecnWFseYa9bT2fUAv\nqt1eNHbqqaE3jlvT8zqvOe2fr2+EsgIZEET69TTSG0gRp6OJFWvIrQ9a9Sb8\nDtVwB3dPZz9iMH5keKNroTfvxNgfg6+1/bqc8x2C/6kDW7byc4z+FFxh4jaH\noekF\r\n=/d9N\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.4b1305d3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.4b1305d3_1548196423027_0.38387627435881266","host":"s3://npm-registry-packages"}},"1.1.0-alpha.a158835b":{"name":"primer-pagination","version":"1.1.0-alpha.a158835b","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.a158835b","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"69f650476760fb8678c4a6e9f1cbb7cfb9363a73","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.a158835b.tgz","fileCount":9,"integrity":"sha512-j/nLGBbUiC2QEdaB92Q82xzzf0+HOlNQ0SoCBt+TrLHVUtkdRA5EAfsw4CINUaYBD+xU71j/8G8Ki/t0mf37Uw==","signatures":[{"sig":"MEQCIAZbgER9Lu9MLavsea4HqpMBaaehmo1BsoNnakYXy4SVAiBvUk0UZDKe/kbmUJkVnHN9c9iPNvYcSMwUA1lw/8sxNw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcR5yGCRA9TVsSAnZWagAARcAP/RWVyP7h5YTnQesZnW9V\nnk9U1RkJf/PQGRBYiWXpPpo9AVld1c0ZIQ74F+ZMyajD7RVjPJYMDAkX68nM\nvB/EB1ek6bRyMQaalnaSdxizMiylwL/tb0fQbQ4Um3IAUjMzVy2ZijDEwUZy\neVWQCJdQ3OmBdhSfNt2vHCn9PVHfMCGUzg08s9C4JVzwNgwEcetlJrmdVUIG\n4UQih5rNBctiPbWGpnTL2Mi5GeFEaRxgJdYbqeBHzTf2CtrCHhWnG8iwq6oc\nOmseES89GJEnfGOmUnjgcWKiuSxMmg8PqrserFcya9RIZPFPBPt2/FleNaNn\nZncuWp/a6vDjc3F3mMKQT5X65x3hNNVxsKCbn6tgSGoBLQD1VKON137cKomF\nNRVDKe1nDt+uZBbzcvSwXjRUWZkLuRsnO2cTeIQ4u6FufDAcZ/Q+ZFaDapL2\ngLZAYHkYoVboP9DPDg74nmPcC9NZxO7hv7pB1Z8PTj8VyaLX8QW4Z6lhfkhP\nGZRUMUfM1ZvRp5oP9h0NcsbCOW8cqlLKEg9yo1A87IXHA3Q782kk7YD0CWQF\nfnXsTM/Gdo3U9k1kwycijcdVWmOvp/eqO7I0c3hqLKaOWwrHeG1xkieFVdU0\ndR4HnjUm/KNgaehptu1cr7GyfQE+4Zu/EVUUwiXT9qVZa9hWD+FbzcvdNBAN\n4Z8p\r\n=doqs\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.a158835b"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.a158835b_1548196998064_0.1996936394312847","host":"s3://npm-registry-packages"}},"1.1.0-alpha.031b4784":{"name":"primer-pagination","version":"1.1.0-alpha.031b4784","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.031b4784","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"28a87ee6e6417b15c0d781ef05e73308662b64b8","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.031b4784.tgz","fileCount":9,"integrity":"sha512-iaSM3g7DLhl88fgtIXB5IV3DJBtbIcFbncSJpow3ez6/ADQHwOjlZAcD6bE/kO4uwBkI2qx1Ugw/zVPMmBLqAA==","signatures":[{"sig":"MEYCIQCBxEL61p4HZfRprvuLf6sRbRPONabGxOzsYTmTzwidjAIhAImjtjlwEKPEtQy/Cw3fdleQZat7er25U1hI7LKZVcfu","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcR50VCRA9TVsSAnZWagAAVwEP/joVZMx8gPiAproIpEuC\nfg6Yk0Vp4nzBYg4e0Gdw6CEbuUYheJNse/gb7fvxwCgGLJRZ0rThgm8eaqZ0\nVQWJ64b1RyW7nb1umrwMwc02kUUmrRW2xXR1h0BGGJMrGC4fImrVlJZuSZZy\nJgs5sldSsvp3j7KlyPb11QVw7JyjVq64+N0fZiVUcciWrx2dPF2DuJUhBPbj\nPOaetTzH+Zc5UtoGnYUQveoyrEhZ5ZN1cDDLxIcIMWBjFVBzhMWgjtljh1Y/\nOnwu4cEVXRvAL6Ls4tv8Qp8tqW5ymLqBnVEuQyp/tGVfS2Dh70J/CDApfY8L\nXlCOK3553e0lBYgsBXcs7Vp/98Amawsa2sJrb2wUsmXLn1uRQ94Um0QUpL4p\ngIhc1QzXJHL40OtvMmp8AAwqC42pITNeYfLFveEoolTNjCg8VB/8AosqMqLL\niUAEmywjNx6P59nmyVgbo9TxAGEqNhP/QxIhH7Lv8BF9DTQsTBALqleU2nla\nNV2xSctRMaPQPmIC88FEpEmx91E2qQ92NPJARzURTHR4lTsRFObyql+QNZmK\nignXOYmaoumULY4MLk7mE87rPbYNwK0rWzKF/0j49IsfspI0zhFGZg6Y4nK5\nM39Ju4MI4ZGcd/UbiQxTw/VqrxNGX6tMN8iuct/ahxLgFVeUev6TMJCGYVrR\nEnVF\r\n=JNYG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.031b4784"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.031b4784_1548197140630_0.03472688531481927","host":"s3://npm-registry-packages"}},"1.1.0-alpha.a5b2d418":{"name":"primer-pagination","version":"1.1.0-alpha.a5b2d418","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.a5b2d418","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"de1003931dadd66bf5595e7fe4474dcc9f857f92","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.a5b2d418.tgz","fileCount":9,"integrity":"sha512-AVPpHcRZLRcQx0cAPB6WvpQnGG2+VQwLYmmFNnqJzhduowApc3NhfoWdaDx3hGP/EGC9I73sHNlnOCHQOOfLoA==","signatures":[{"sig":"MEUCIQDT1sLesn/q/jBKgUzBuMAjOvHEPOAGVmyoTFsY5xz5mwIgI1/x7U04tOQCRzB+2uS9R2RtA9zPhfvf9uZ2SSovu+E=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcR51jCRA9TVsSAnZWagAAnu8P/1kHIm3etLcK5aLPuzWq\nMWwBe4Xf/SZJHzZaVvRevyiBNQeJFXZamDRdPCfNHGre3vVNzLL/hvUYSUSw\nZwHhZTyLEiM9ciMwS0aD55doN9tEkJpgOQRuOIoeNgjlEaHX+3OnKXkuNxbb\nIMjAP3R2qdbMC7cb3kaWEbTYRuiO/U/X46cJcJ26EavvXWEAKRXlV4fc17gm\n0i9DwI6kpygibNJfbiD6tpEuLdD+6bjyUEVp4UTV4hv0+e9zJqX2+kQr1IKN\n/3+8qqjzPId7a2/ntXcKgCterETSBcv81jVSLz50Nk3K/HyEgPcIoTnN2zRR\nzFzo47G4heVB2BeRPrNIbDRmly8OlUCKtyfjGo/IyO14LfqtGrEyvrtj5XUc\n8P7Yqg3Kc3VR4aOkTs0uzYtGH4h06dYyC7eTgD/0Ty2mi0O9uaPRWjX2quY/\nDCUvMg9S/jIeHD09EGXUN6wITpYRoMqTMV8PgFtCGpico+UdFg6pyjiehMpy\nqxCuffmmrBUqTS8kdrfik5ljj0hW5L8B4HRMHbQkFC7n1FFFAuJeCUDHdJgN\nKz2SwUz6eqejpR3/znviXVnA3XzCqEGBw7aGKS3P5w/aieUCcngiKgzUVUvh\nVcQAxGAHrHBkEUro6VXMuKE7mbLNcTza0GUdIa9uV3OC+9q9CwotqsrdP0pY\nvXCf\r\n=JRu6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.a5b2d418"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.a5b2d418_1548197218786_0.22817599758636398","host":"s3://npm-registry-packages"}},"1.1.0-alpha.2507e037":{"name":"primer-pagination","version":"1.1.0-alpha.2507e037","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.2507e037","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"eb821723f3dee7d211d9f9176872a500d1062e6d","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.2507e037.tgz","fileCount":9,"integrity":"sha512-myJx5FPcHLMwIS7/qew5Yfyt6yqHWjnCKueNALUr0K9rRtr4Gk3c0DRx9aAHkYTiCotYwGbiQzCI4EWJVoyAIw==","signatures":[{"sig":"MEYCIQCzn9Ax/C7XRGB2w5idKiw2jxp6m9D0rfGt7cICeNUxYgIhAPYbsaYLUFmEsoPrKAVgoApRhi5QRvcEVlOSD3jUwiBK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcR528CRA9TVsSAnZWagAAa+sP/0SkuM42YHKV65GmVubT\n4p7o3aUfdy12zBcf+jCNsCgSsuudcnxv5Qn9CA+o0Faw/R6gBBmv/Tfx+Jge\njQJj04T9hs0K39v07qhedMc5rOnmf4+PGGlP9dM39SLFIzzNsF5U35KDhhUA\n+j0WtMrEdJEyzbTOillCbKcqb8N5p1KD1sZg8JjMyw5LoXeg8iDHxEc1kowo\nrp7KbNpzJBd8hX1zvcVfrdGVxjIq+SBvQfJwm8GUEMODuA76Hna7UbLKELdm\nCrWwqFa9Co11TFtoi0CoSbV6mAGRnJgiwA5XdKdIyi4vAfyvqA0E07z0pXta\n4EH6CkOnduMm1d+p4EBSOBqyDaPfMOqYon8oLIOhKp11Nwl+wEREhG/7i1dj\nUXWRsnXSAewPwJOZRVQkaSr7LMI8Brvt/edhfBnj2R/dF2VNJ0MFANntnvdR\nHuDYjx61zE9WdWb0bofsMcLL1zKL2rlL6KOTW8BLgIy7ZrqYZHLlqXtnWQrO\ngxkWcQJZoFm+cxqSabpf5z3b1PXi9V/jBRhOe1q1Ta5G3hRaWPCGjy3a7/QT\nID48kQaTBwqgGmeZ79Q1vHw62a0zNlufCSSlLdcvXMlRw0i+ViQ6PJvDRNJK\nhwDYmFBGBCgAMQUs7nsRpGgnm3Avj2zXFEAS2ghySNYiSGUHrG8ocQXvNa1z\n8hVc\r\n=66UR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.2507e037"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.2507e037_1548197307818_0.52221104843307","host":"s3://npm-registry-packages"}},"1.1.0-alpha.333ee702":{"name":"primer-pagination","version":"1.1.0-alpha.333ee702","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.333ee702","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"4f038b3194ebce9d9cc8314c0905a6b85f0369de","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.333ee702.tgz","fileCount":9,"integrity":"sha512-H9zsise1nE/ksGj4sMHNshyio42aoqoZ46/etpbIZbEutx5nqx3NCwc+hwJtSskhiOTpD+PAaDudIF0zSIukvw==","signatures":[{"sig":"MEYCIQD63b+Hit9eu5f48XHOGzGEkACiXeB4y76ONDC1sV43YAIhAJRVVpdoxeo21lAckw49PiSOIYIJg1m4iD9zqjOCr3R0","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcR5/HCRA9TVsSAnZWagAAYo8P/2OAtpowJn3sJSj4Z2gr\n47+L7Wey5RgKlhgZNl4aZq7tskDUN+SBRzKQsOPO2wqJpRQuBY04468A+WOD\n9eYbhlcGi2qfVTuUmOt3tYhHR0ElE3tnnObpPMXq1zP39/WAY794bBI7Cvmw\nx3LghAyDrCu+HwRP0vDxWE2QRInxnTLnU2ISfCZhDo9T5C+G6uOBHP5nre33\nEubqKoTF7+e+JfUx2bi4zF0HYMiprRX+iqoNMEsgDhq7ojaE5vLgwJkVFFlR\nl2aAbjdl3NK0tE/F3xbvHzotxwtt5b3zrnffYIm482x/sW3SIvq+IqmCMxWr\n9ybVSHKdUqw14Ukkupv40EIE6qS2qzLE35VdcA3gBlfx8kM5Nu5KWvIMDmuv\neGbHQHTRVoGHP2Jk/rVbggEV5l3uc3ax1aFWU1uDj3+Bw6qIlgtniyB7K/7N\nc/J5Zfr/RWlQjOm4lscsD5Dh3Tm0uMIlSp5+UHbR1PmKhX3XV1JDiGFRJf8f\naixUSG04rAOfyBN9bbci6tBehiHKaFxbZTCDNXfhHb0rYNzlRfJQW9g4Wy/o\nXbuB1iLAzlIuFebD0M+7Xcno09tac8tlXBA5WawgjL2yApdbvsY20OEarlKg\njdiIaKsiaF+m2ZX9dFyECOlf9cxAXtQhUHyyDF7TsIsJfqj4cSzNz09fy4Y9\nmC5x\r\n=kMt6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.333ee702"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.333ee702_1548197830565_0.6214253610755966","host":"s3://npm-registry-packages"}},"1.1.0-alpha.5b896e00":{"name":"primer-pagination","version":"1.1.0-alpha.5b896e00","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.5b896e00","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"cd47bdb7c3ba85da34042d4fd5bad5d45f877927","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.5b896e00.tgz","fileCount":9,"integrity":"sha512-LgnUNY0LztnQr9iad8cRdsPvVDnYyjQ9J40VO+JK9M+NeI8rzEwcruJAyYVpHZX2WgdVbfMlbDsgNgrJSdDVSQ==","signatures":[{"sig":"MEYCIQCFYX+MlnZ7Xfx44/qH8r3br87k3+dOLZMQdUoD2CucuAIhAN1KLc4movsKXZ2yI5ryXe0dPohD7UUjvxucJt5kE+ji","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcR6AmCRA9TVsSAnZWagAAlnEP/At01Lr+jEQe8sQCCv7u\nA1LGfjCelLDvaZYi/vMnii5uFv29gSXC6iTWslgTdmPyW69AAsCID+v+LTI8\n64IObItlcUGSNx3c7+DELre80hObRVfVOshpta60laixmYi97ij/rydI9gc+\nQd+HdoatRDS4/Lvy+hEseg0aDFHpMBIOjecMXpgaWM/ujtA12UsbKPGpIvs6\nhzcZsVbSJ6/SzXMQioGu8ef+9q83zQ+2MAKYZL8AReZoDcbSa7B6dP59Y1BJ\nBKEkAgCLz4F4q878huL75uOqm7pFE0UMqgRl30Rj2OApMgwi5VlXGyQFwGQ8\nuFXkM32KMPxwGMEpaB2UzeKzOJePePb91GqtI3Y9eDWAfDQ/OoHTr3mWz4WJ\nZTfG3oPez5kSnotoGUqELBCd13R/SsBNcm6S3mJKKu/36vGb2QHuAAR3DcaK\nKxWI8JHeJMygXq3PCG50i4w5GWLTNi3Mvg+UdOIUBXkceMjQvZ8KxdBnrw6F\nqNJJLZ+5TQAtPPYfuHbp++Nh/d7jkmYHEtsrEcx6RVRauRKDFAnToWoVrydH\nhrmJJvBLGBHqUfiiDQwJ6TYF3U5fM2b+dYYpgjwZwQb8G0nm71YbpdcdoOrd\nrRmujZXRRDGNwdhqruqSJwU+WxNFnF1VS1DAQGRA9c67ykuU+clbVWxoMPmr\nTbi+\r\n=lwwj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.5b896e00"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.5b896e00_1548197925735_0.9317962119921692","host":"s3://npm-registry-packages"}},"1.1.0-alpha.ef822821":{"name":"primer-pagination","version":"1.1.0-alpha.ef822821","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.ef822821","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"5436cbeb8c22c7fbf9c382df408f44d23652413c","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.ef822821.tgz","fileCount":9,"integrity":"sha512-ypfjbsQsdBQW/styb9QEnYTzmHPbeZ0L+5iq9mCNESLCkba9V7MyZopjOjtMBm67FbRjrpvGtPePWikVQZkPnw==","signatures":[{"sig":"MEUCIBVzgn5tN24KAm49NYz6RhwknEHUB4oPUa4dO7jNNDCjAiEAlpdRLTdWqGmWLYx4E2144FAIp0byhwKYHm6WOB0Sqp0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcR6LECRA9TVsSAnZWagAAhCwP/2fqS70rMVra6i8e4Niu\n/g0WeFiUtmNepf/B5uI92CUQKXh8TtZwf5pghSLAxwqxuIsafI0ces5Hj1PL\nlckKOXMhoV5sLswUcJxgGdWWOekBUUi5Jy1bGQkRB78jcUhhg2ru8KGfEJPu\nj8tiv3MXsNs1lfj7sGHMQ/qieeZORmW3MUnR/P7ZUqChYK42z2EwTv6/AJb2\nsBwd1/eCK88oWsFC0Kj/SaVzZ8hAdN9ha7z+OBgFrpRqzbcbKT1FZxWQbX6v\n5c5e+9fGz0iix/m7MyxDq5cFtzyvjvznxMX6Ec5Vl5jHBkX7mODl4z2mgPEw\nE9n9G7dH92ZG3VksUBJ4cgxOAsHWsWmn23ICDaI3wkIRMZMNyWTvJVkNbyZR\njKOtXvwpXm+5u9ngFXXaMSEj0LLaiMmv8NVfIE3v1ooGNK1PmLbxVBzJNtCi\nm3eg0IItOR9DUIkGoZ+Sw+8Ym747P2cI3gjM+klSRzmPQu43fYFNLYXYpWez\nMTw94wUsoa5ruHcJHZu93Nob+3SZcyOTkdxhhO61Y8XkTNWvY9ohtTGjFmdw\nM6Cuyrfjsb9I5D45DO+2M3n/HvH1TcwN3age6YEk5T5MblHTt1SsqqeZ4StT\n2nH7SgYzf7dzx8X56mTpWCUu0QeJJxEOCqop9Dpkj4Vt4IolhdySeDXJxu+Y\ni917\r\n=DwDv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.ef822821"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.ef822821_1548198596244_0.7373267719073404","host":"s3://npm-registry-packages"}},"1.1.0-alpha.fbc5fb3f":{"name":"primer-pagination","version":"1.1.0-alpha.fbc5fb3f","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.fbc5fb3f","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"02b7a5de7e9659199742d886ab89fb45dda9fc7d","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.fbc5fb3f.tgz","fileCount":9,"integrity":"sha512-CRemCjmDaquefEljCzIka/AkJDJQHeedeEhm7oSQrPV6nQ1g0GsZR10T0qktlBI7SbTXxubNYzly0TrbVx7yqQ==","signatures":[{"sig":"MEUCIQCJi+rVy083GUIiEYIqONrGuxtVm76pDAM0Ql8I3lq9zwIgV4o6Quyj5Elfj1cMq3NpgusLkrcpVmi3OFoPyGT9nbQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcR6OjCRA9TVsSAnZWagAAv3IP+wSCPPEeuIhQydN21EaJ\nZZ/PhzWr5ep9lhr8+5Q/DXtn8CCXiolFqL+5VW2xRzNiMGqfYiRrIW6JhaFl\nLOkquSwTnRUYm9HI42USvT+l5b8WqPEatYiWSbwi2TSiBBHfKKeiFz8sI7l2\n9x12z80WxW4D/5FVbgOmXfKZvDzowt+hgvJPCQJBqFbnKo9/SczBriTwTbqv\nQlvCFbKMirnCRKiU5fVUhZjTwwVy0n8yqm6S4RNVyAbdgK+PgD1LXqysu/h5\nnm9UYd2xWSziAPetsSrSmQAIe+ShbXGX5Hy8aBIMXLr2F/2tBi7C2Ww0dQUY\nAX9+yEPdiPiIInNoX/vSCXXfa0+NF7FTZz8GkvyP0TlS8cyyGj0NN0/J0WTQ\nqk0IWRtBhCnPg3Aad+CPRLun/n6p5RU2CimyoFXnkBL20YGPVnqyauqyhn1X\npPge8GVK3M5tMFeckogI2XONMznNXqzi/9Ub+2zHep9M2CJsLNhgsMZ0C/b2\nY4dVypgVWmnc6IRFc7f6Zig6IvklItv2AnYSYWONnvWwRnTYQhF3ZXjImlqd\nr5iAgHiscFPMhNuuR9dfz0mCubR8URvrfvJ3Zuf4eFc+7NCGNsQV95TWlqE8\nG3H76oyLa22GTc4rUk98RmL9B2UyC4dg74oYlmhtDckb4BzWWAsr8Rlt8y6O\nnM9n\r\n=ZPg8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.fbc5fb3f"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.fbc5fb3f_1548198819211_0.9197224377951128","host":"s3://npm-registry-packages"}},"1.1.0-alpha.2ccb67f5":{"name":"primer-pagination","version":"1.1.0-alpha.2ccb67f5","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.2ccb67f5","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"aba1856a21115abeca1f24fde24379352b12b1a9","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.2ccb67f5.tgz","fileCount":9,"integrity":"sha512-FCh4yPRliT/PZx9HQPOLA3xe3o+0i6wvK2J5RW+bJ3zZen4cBd9kcV0P7HlApzCpVR+JQAKK6odc8ZzLUOe5Pg==","signatures":[{"sig":"MEUCIHdB8Hy6sEYfBoLMxe21JhqkG+xJbAYf6o5qHJ9G2XKGAiEA2JthArjj+RYakR3i1e93w+MXg096CUin8gpIE/QZRsE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcR6dECRA9TVsSAnZWagAAn9YP/AjDFaGZaIFGo0veS3aV\noEmm9qDa7+x9+wImc57NYU8icJaD2aZ5BY6zQ8mK2wguyPomNgUmbjK5jmz9\nJpzr1CQ5v6peKn1Q0QQ3oTeQ4McbHuI35FNHGrLFrTyfDHJtzO7NsrXtSWCC\nVoCXthUWzwQtocemfZb7BsqTfz4q0jQeYiPsiZ9FS95jwPTD3YfJkaoihiZL\nrktOAWad9jB8irGHlON3fT5a/xXvEkQZPkZPahp0Fd3itseFBenGGTB3B/N/\nFfUOPBOPxELz7Qs2xyzczeGzqlkVm+dMsWeJ7hoKB3mP/bFem9QRPMPuOGRH\nbLtvbaBn/JzWT6eIgWaMjpNQYw2ODwK9FnQDo42WDkoxGl8omjTR/QKE6TgB\nMfmYcnhtDlhVb6fH4HHfd4ze/RN1KI8kozrwFyLWDQLCH5IScUTZg5BX6Hol\ncqEHE5/Z+NsAdBa65sZoGdAMI1qy6kRGxxFLrCXhfDULNWO62tCiSeDWYWnA\nZ8/9Um4L2uI3VodpkEzBK1wqvytNv1yKKLZIdFEi/A6esAp/BrhRrf1PyVqo\nRFETCuKFlD0GpjReceTPzJuLGFxB5NMzVWtpByl8uTEv3pe+hzL5z8uLWR2f\nuMcB2cml8t6Y6ncYsISiD7m45hqex5VvUl/9dZG3uXeM/SharDN+HviXTTgu\niihs\r\n=eJhR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.2ccb67f5"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.2ccb67f5_1548199747438_0.7413015631759039","host":"s3://npm-registry-packages"}},"1.1.0-alpha.12b798b8":{"name":"primer-pagination","version":"1.1.0-alpha.12b798b8","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.12b798b8","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"8ca199fdb8eae736cd50cd724a9593f5c98c42e7","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.12b798b8.tgz","fileCount":9,"integrity":"sha512-yM5RZoDoBFzsqJcBajKcVI3YS+t6t9DjGfxfoU4kwFhMsmsgITOpPSupurtsHKvRI80C1ruBnMcmfHlmszQPqQ==","signatures":[{"sig":"MEUCIQCKjAJEdu4UhJjC49yWASaKQWJXXMyVOESHWTFT3WfmJwIgIzxipa1MHhYf/reDED8IuQVHMd3ZIF8BHpobFTK3SB8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcR6mUCRA9TVsSAnZWagAAuYEP/inQb2cBxpmuGvFgZJUs\nl0eol5Cos3NK23N89l4raaTQaOE9T5DqHzx2rWeALt11b5+7G1Dsw8h2Cf7F\nxWS0B1ZS9xEbvDnKx3e3tS3ftbW4ZgJLAJ2dJYPZ+GpO++zB55zwM5n+WUvm\nNgGvJECptfueYCVnVNRXRSad6nBWMsMZegjtRdhoUgbLDZK/cuerWJnV6wTp\nnadVf9wuMRN3/bgylbq2Zu67R8ANYHUL19Rdy6kHBGb92+RLkfiP8eS+MZdz\nJqaCr8OAawZd8+KD8wjYhSSAFNNYYJ6XwxB83qohPNn7VPd6uaTJiTVKSeAW\n59oD/U7n8GU6+zNMHMG3ZBbSSXIq3VtIgXBixw8CZuk3bYXhDuBNoNG3speW\nOizvWdtk2lPS9LkLdUGMTD0Kdl69aL6cqlT9iM83Ct5x0guQnYVV8aSANzf3\nc+y5Qt5KTxqNsdok4dFk0y+Yx/3VMCQEGm+w1UUCxV2/JvJ9Wau2RCstpv38\nJ7iqRp3pg5wc0W83l5uIhp+5e2eg7slod/wIoSuZOA+f7E1UA2VsC5F+69MG\nrFONcUunIAJNsTchI9o4QxNU49/7pTNabxmhOccDYNkxNQ8513mW33gd2sNz\nchTVCPiwyf5g6GVr+7+w5J58q1OWt7bXaQgAMsGdsTIYtlNNjYFYsqYaxrrS\n3khj\r\n=H4fD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.12b798b8"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.12b798b8_1548200340424_0.769885478139777","host":"s3://npm-registry-packages"}},"1.1.0-alpha.0e91d9c4":{"name":"primer-pagination","version":"1.1.0-alpha.0e91d9c4","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.0e91d9c4","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"df3335284bba6bb10daa35acd2c331f526ea1a5b","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.0e91d9c4.tgz","fileCount":9,"integrity":"sha512-HZKCVT3J8IkvSIocAlN9GL0kYsFTztf/BvwSHVqpP+ZMkz4OKQPW5eIeCQa814/hoyyFTgQjutv1A4DZpph1sQ==","signatures":[{"sig":"MEUCIFIRxNp0tyGVL7Ftow9NMIVN9hpdvf694YlUF6Apjxt3AiEAz84qdzm6NU8wWi4FrSjKUtasUFQAzJGlu77/VnUsAR8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcR6sjCRA9TVsSAnZWagAAL6wP/R36LWhJjeVgKGEHAGi+\n0di6a6gWUHxJbvQp+zVRxQ+fJ4hBjA4ixs3dUOYJLfzC3RDSwmspR5GEO7JR\nLKBu3R6Mw+RudmZy68EEvgBabTyc/nDmRQLU3NGRs9K7E7DnCytYYc/9Lm+H\nQnwthaDmtklHbbEyAbc7VauEcUGed9L8gmWpLKYxZ9Srf2Li0qiH3AGYjCKC\n+mfb7+7xuj8YU/3Hp98PifaYi9qZwC3QVxvsy/WoVaFYvMVf4MeQyvl7liaI\nh7MwkbZvhzuk6zpDyCMNglK4ow5JVGGovQiGhBUCu2banXAOx36nEqPLXKsp\n7EwppZYF6czg9ovc6PmoM2Tqk1xl7zIAgvP3k8CtXuoe6c4IrDoe3pe9RFMh\nqV6EG1gST13hSiUi2Lp3oXWBj2oA86jdnwZyCDRdAmMQY4KbbaI1p5ZUtCmG\n6Rwlt+tZ5s3i7kq8sLMuP/+XmTqjzA3+DQ69Qv5euHdO4Al1CZnnP2W00rSM\nNK2KO3dAtsNNdGmBnoSEemL94LbNi3CX61R7yBotQ5gHk+EekBnzxUZHVu52\nytl/WVKy83nzD2yoPKvkjgNqNY9g5wsRitXZfZ5tTIYRPi2fyWKH2zUAwmY1\n6BPu09+egyxmfEEi5DqflXWAmTCUGv/NrIRZ5QZ+g/HaeXn6eBP4/FQoiwUk\nURDY\r\n=gPiN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.0e91d9c4"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.0e91d9c4_1548200738556_0.6793171023358853","host":"s3://npm-registry-packages"}},"1.1.0-alpha.9d5ddbae":{"name":"primer-pagination","version":"1.1.0-alpha.9d5ddbae","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.9d5ddbae","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"1585a53e8c0c3ccaf03e136860837b57f7f6454f","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.9d5ddbae.tgz","fileCount":9,"integrity":"sha512-Pa2q4iZ4sL93nKGqdCkQQPmfCr/yGzBmExCpQguCcWvZoXnJWIt8enmFUaDqg4j93fgSYjjwzNJ1lTcqobCd1A==","signatures":[{"sig":"MEQCIAuYB2faPDGWcf3VE82h3W2C9LIdztAaM9khFM9wIpHOAiBpMBp9KzbFxVlYcfzxzavPaGjjABm275s0I8fDLreXkA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcR7O1CRA9TVsSAnZWagAAQoQP/1NK03i//5mn+07akeU3\nSMQ645mLK9VUYZ40wOGF7AR4/L2M5XF8h1zwK3HG6oNQxSB9IeO4jR85+uIX\n5JqQ8OwVaiko1UndpneGCBCRReYL9yXMQRKqS8/KC1ud6dhC4JQuYVmEqlr3\nGoeGYXGPmbiubGloqjst6m8hCWjGO5V+dQA8CNjJreHZQBqMbJuFwpXvWDxX\nmrxqU1RRS3/Fsqcu8/Ubq2TAwSplBQjQwdWfnNZT3zyjzmTBI6LmAnrPHfkH\n/3ViqULx6YZENv38GT7JGH0zTerpxRgynUwP3fG3TXY/Dq9++ZX9dOZJwrXg\nIRrIimwuLglywfnKQyJe+FztQKSVH4QzR01co3raxHoSlpU2iktYkXAqWKCo\n80tNsmFQdEsTEF/xmWVGy7rcylxTJRooU1ddsPy76wDSV6X/zLXgonN54lu0\nMSdCpp8Ks5wgJwB/1zIkYeo9kElddKj5iUd2iqW0tzdDKzObGx1Mql39dHPR\n/l5Q/I5QGJnhvmikgacFX24h85yBs/dij9kKV8k372ils5sXYtT5opx1OsRM\nW1Ej8sqCMMaFrAx9ti6JKUlELZRr/WcawVfAwlwU5buACiHyq6MOTm/wOt//\nnfdTpWiN1qPqcDrY6pimcyHdsi2DMVxsVtC53TIJoL9pLLD7ttoXnq74fWPB\n8tv1\r\n=Kicr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.9d5ddbae"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.9d5ddbae_1548202933313_0.7354006360835397","host":"s3://npm-registry-packages"}},"1.1.0-alpha.d8e36290":{"name":"primer-pagination","version":"1.1.0-alpha.d8e36290","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.d8e36290","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"792175d1a1c6da8bb03f43266772bbf20acf6661","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.d8e36290.tgz","fileCount":9,"integrity":"sha512-44XBo2t9bx/YIpjy5uVSbs1aLuBvZCwldc8S2EIY9wAW+4i8JW+q7LbH4epPcupJSD3J/Kji7gJiq7+3Bo0LyA==","signatures":[{"sig":"MEUCIHFbaz1/HrXYVcQ+H1Nqc7Q2VUHyxwPd6apqwdz12PhLAiEA4KGnZVnzl8thDK16nC3NQPmws1gj2ejzssYs3AHcju0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcR7QjCRA9TVsSAnZWagAAObEQAIQmUz2BKOZnjX3pEPTg\ntFlCmcTCa1/xrrSrL+6ThC7YoLOVIQVpLxmKdrTbdzeM6DWVbJWIQYnWXJ15\nvHGMa48Vs0WeCMQy9Y+EeWiwbp5tuuE3upZ+hQEnH8g5+A9UfWnwKpjfMstO\n6OcxPmg7kjLekb6xJpKk/pEVLaZD4DfEUKTAnpTVgfRp9gt7wpZojHS/92xA\nRHdFbMwkaHhpzmLle7OrNveiQb6qYqIrxlqGbzLvJ4TKHnM5HHe9loh3ioW/\nvILV3Vy+U5GW/6y/DjfkBeFQTDel7HjrGp90aY+3LlVS06STG5QXpd8dp9Ko\nYf/cC3n7Z8IMbWeUoDVCaFsqNNQyzAezs+qFyQZncy8WHx9q/ZiBDQkKrRQu\nHIaEF0ASuuU2051niRwUVdQxGymoXlPs4LW5GzcLAAYWMP7fb6CMaw9SBGKn\n6IcjgHI+kMOkB4Wh9W3v63ef47w4ETxfCbMGL/E0e13gV7X7hdjzBLrQNGSw\nQDNnqOHkq/Pfy9Lce8Afge+1XwaMRR7BRxXdunHTRYnpTuyDQ35jb0eLGjdy\nBgTRD1MSZ/4s+LE67bKxR4N1dotXO6VH9ksboUat5P6DPvt8d1u9Bw9Ebpzp\nv79fOmBfztqDp7u39z184gKHmHNtXr7THCx7PJVPK3AJVI5PEmgwJmhuyc0X\nys5c\r\n=XUEe\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.d8e36290"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.d8e36290_1548203042868_0.08659168933398909","host":"s3://npm-registry-packages"}},"1.1.0-alpha.8d395281":{"name":"primer-pagination","version":"1.1.0-alpha.8d395281","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.8d395281","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"7856cc81468738a2f32a763ee47413a7f228b503","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.8d395281.tgz","fileCount":9,"integrity":"sha512-k37YJH0XQWo3e8Fn9RU8WMMtR/KsDGIYNiPLiDL6HsEiR0zr80gSYQv9QOl4c9mOjOedi/S5Z3+2zvqQOAvYSA==","signatures":[{"sig":"MEUCIAr6LPjHdnbMAWwjEh3+ARPMDi6h6/rcaWh3VEKGJPzJAiEAgoLPymxLCUQOihoxxEK15k6x6igdpfdqI9pke4K8q+U=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcR7ShCRA9TVsSAnZWagAAP/MQAKEAqvXWYhiRvNylXptW\nVQ6hA4Zp2g7tkn+eQuH/uGuJjX++fDvlHCHF/cnB6a0C2SEPvyDnzVwv5myQ\ngXogOj3S+qBOqiZ4Dd//2djtp1MDy0tQ6L8htyNWowqn0dDGZSuTf47e7BX/\nCeaFM9nvQF5AMiQ+dMaTKdRP2SLy6hDlv5pVYCAoSZvr2FGe4GhkpPNmMgfX\nrfgOaLVe20xs9Q8KoQ/1ynOpYWIMpCThCbUfAShLwqyi/s3/MbBEHdvmIwMf\nDhEgySWBTe4B3eZRF9GIX84SCmVhSa9TYaixFxlnmZI6nG4M3b8IYcgnpqCi\nIO8rdPKlX5ABOr9UDLiofA4aR+aaOIMEv9jucwlpKMm9Qnl4ocYgAtK1JmBn\nz10emLu7UX785d7H1hzyMvgs7t9CFSdYx0NDJujDz5jPlnXK2/3YRspYu+Fi\nMmNGGLcwrDqnC12ynkykoXs1QAdNKR30jT2+YA+ZKv0BoBdp5hrsrVQqQFYV\nSIs6AHBGO4ohXsJkOkHT0BfBU42QkG7dd/g0mlDAkFDjGHBsCt/zlVRsfCoT\nKC6+O3UYurxlL/gGpX2AisEQ7VMaC6VHS+GtV7xG7eSwxY6GMpuQ44+OfKXy\nL7DnTa/TtOWA+v4Avh4yWYmFMjB0jkMcNlgbNDndG6AaQBfjbsOhGtJA+Tg5\nbSbZ\r\n=Fn1S\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.8d395281"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.8d395281_1548203168324_0.8122728001876949","host":"s3://npm-registry-packages"}},"1.1.0-alpha.7e8b2dae":{"name":"primer-pagination","version":"1.1.0-alpha.7e8b2dae","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.7e8b2dae","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"322ab491d249e56f50e989195edf57f91173b258","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.7e8b2dae.tgz","fileCount":9,"integrity":"sha512-Ys7+khn1zvUufHuZAd3LQCeyJY1obrifUDGzOTKqcYv3jLSQ52asakrOhWBe+eLLixmq47TRb07ELyzE2+qs2A==","signatures":[{"sig":"MEUCIQDuM5zjQB9qApUUfX3Nz9wEYGlqDG0l6jZ9C3Bavs0nfQIgC9gg96vOkeDYOdKoej4V43gCpz1m1NY+k6aKm5O8tdw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcR/TDCRA9TVsSAnZWagAAkQcP/0DQjL14G75BeKpx5Qoh\n+4E5MqJVSQaYwhhZ8BCCR4YQtDGhjQSuLkAi5pNB2hpxLilLCzGbBHREyFj+\n1gwyYhOUeKA3W2TCwPULigVbe/kLVIQIkOH/SvVCK/DpOpsKksVKdawXBQxA\nKKrX1dIsTpcvRdKXDfJyzMGJPn1fNe3LZgl4/B1mqQc1i3nuBE+W3tSKNyQw\nbQT7m/nkHwLwSzdc4whpLhuQBPt42GnnQFlEOt1+IygrPBjXxC8Xv9n9pGD2\njUaJH5WBzuM4lJnxBS6yc16lZyyR28wosSo/vwi7LcW1Sm+W7GRNPSj7Gv6b\nqSz3jZDU/Q33IpayXLNDmdmRWk2NmQGWxpQH6iyCcOmOkjneRh/j7HYsJ3mr\n5Hhr2MiXQGv32jYK6Ve/0UcB1jIP7UGyv5Wuk1bJmK1DtbG6XVvHJ/G+CRyg\nFJtI2m1JMFKpD2dYOhagmgdkPXcDY/lkBadF0NMXV9brkFEeunOMDF6VAtlR\n33pbVO6TBXp0qVl2RxrQDhyfYvu8iP+E1838NUREuxq/rhj8xc9KFVU22Scm\nFmmUZGYjPbFXtSB/fc5da2wTreXyti9OwiAiqu1wk0vtM9iq/bXNwegBC2A6\nBRunU00ox44vzoJmjbbCVYLHslS4Vd3V2kREYeU1gC6QTKEZnQgtsMUgwdfK\nhDhr\r\n=qUCz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.7e8b2dae"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.7e8b2dae_1548219587401_0.021559842384177408","host":"s3://npm-registry-packages"}},"1.1.0-alpha.113894c2":{"name":"primer-pagination","version":"1.1.0-alpha.113894c2","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.113894c2","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"f6580ff01e6dd61b4f27297b606359e2f677ce52","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.113894c2.tgz","fileCount":9,"integrity":"sha512-XhwRpgEhdNEbKVLHRLVzTPETDrkBkhUd7dZEYUQZSAd/2gPJx8Y06WghriyG+EavYXRnavAy1gfTe5O3aHPwHQ==","signatures":[{"sig":"MEUCIGRR4l60uwQVVXVeArY03XguybY2H0Fc1TbKDbiWaXKVAiEA/E79eLtajSsu+HZJqYSeSJudhilWMKn4awjXYEpoZZw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcR/auCRA9TVsSAnZWagAAQscP/Rwy8V4ZT1rrqUVbIRck\nQ7teEISkIJtxkicvQnWQ2AcK/9Ce45w+zfDVymeGhiV3V8P/pRG97bEfw5hn\nqn8tbZlSIX4ZDpkTotPrEFzWwAX0DM5wuELBLsvU4KSuxvSuiBZn5G/OFSdk\nXqyIsK74L/iEbrbSFE1CkMgIWizUFQBpOKcOyVj/ord7nS5c9tXcHyLNDoJ1\nGPDS45PguMRMU91u0HV9UZh9OKyGMAzzfy11IEh1Rx0+RGQSIyRn9nx8jfDG\nHDuwwcFxzc/bbRSJDBiwd/3qbuLd3AkwZ5EIqqkJnF/KwS322aJZxR6+rf4s\nIC7hT0GkLZO0yVKzFsmNEcIBFh7gjFzRcguoCeJEz+c6BfCWlPKNMeTCwn4i\n1dePr6LaQtV3jpwN/iKPdBowFuCypvHHvjCC6m8GrRvLPxQX6Z3L4OOlZoe8\n31bE6KpPbr0hQJl6NvOQC/t1r4Oy9AjYu7ZRrUp7EUPHU+zhHaBeSoRZWW4B\nH+X1KhykemPFQdKICaBOuE75SINYMZmwKzvhgiDr30Cytn4Sq4EKy5gFQWgM\nlbkYAeM3zlZkOl57i3FG5SWw74gSJ3zy3jEg+7oRLfOmomDyL7HgzRWOA8Ee\nyFrIo9zOH8woSFPBcJnC+AGOYQi1Fu76eNyoC/z66EBtdQ00TPEL4K5sp7tP\nVltc\r\n=Jvmp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.113894c2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.113894c2_1548220077355_0.11679800370512616","host":"s3://npm-registry-packages"}},"1.1.0-alpha.12076a07":{"name":"primer-pagination","version":"1.1.0-alpha.12076a07","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.12076a07","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"9caac7758fc05618c1ab10122720e1d2e5625a15","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.12076a07.tgz","fileCount":9,"integrity":"sha512-m9CDRQ3acDDmcENJ8QAmthM130y05oR+f9gSDG7BGA26ZQc9eVGOMnYTNwaFzUQrG2YWfefn8qurSLfAgguPSw==","signatures":[{"sig":"MEUCIFcuaKl5mnraegZWU/PuRBLG+5cs+ZDCb7PTr79BtkhoAiEAkBU3KdIeR7LDVEk0Wq/S/cFMqEh9xDBGKakJVnb1c2Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcR//fCRA9TVsSAnZWagAAMq0QAJaiTJbmt9E9lvJORa/H\n4dJdmD5Y61njCdSLYfEAZ+u0Kd54wvGVW3YdwwnGcTk6XeEs8fYdAWIxLhsb\n8gQD6jsGjAvDZwcQMQ68wRv0ns6SLtoXMIOMmiGAmRdymFNE1gQUes6s0XNP\nuPjyn56rpL0V9YBnd56ErR2DSg80Y+cOdx15She6d+Wx1Ht1LyimGwHiaqtf\ntW/OiQu1Xwh/yQzeirrVCBiwocZapbB5h9p+/WEM0ZUUXHqG/+DYE/UjruSC\nARTLlQGz8Hwu4Staa+rdsEvBjgO8anpBHt1tv8E0mGEo5eOwjSfs4Nkx0JpP\neFZlPkM/lkzY++BVwRAa1ya/FT+KGBa/gXGjW4SXjYiroxAcaukxxlco0yAt\nbCvXDPwEy4I2P0+cuvy4coAKmuWITP9cPhDPnUpP1sAggFtN28kTUo2mIwl9\nbBEI0qsgmD1T03BxxhqpD5EGBDvE5wIWLorjF2U6ckDTerVO8XUuQteP3qga\nS39x8FYG2crS2+gG2cv84Hn/GmdG732dilQFpz8cCCLh1EFRrOpt8dJ2As3p\nRJg+d0UH5ZJg++9XyYnHH8tfIYc+UjkTXqfs8mYX3mOTk5WCaV2yjbn4P+z5\nLpUjJCkGfNLWUyU2mR6xs13hO361sEXQXVKbpT6Uce2har2sgkuEIy7upLLN\neowQ\r\n=PsxW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.12076a07"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.12076a07_1548222431132_0.5121683326421949","host":"s3://npm-registry-packages"}},"1.1.0-alpha.33d1cca1":{"name":"primer-pagination","version":"1.1.0-alpha.33d1cca1","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.33d1cca1","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"daddbcb540c63bd42f2a026ef455848abc9ebbf8","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.33d1cca1.tgz","fileCount":9,"integrity":"sha512-8m9NYB4c2TZrvGXhzUTN9WTH7ftPETrbIDNqYql8JXzAhidvjC3UW0Nh4wYiA4ktDkeZosgt8IhbRnku5E43RA==","signatures":[{"sig":"MEUCIEBQDVvQpljNYY/xUkUaJDIrEND72vTMFonQzPs656dVAiEAu0wRrbmVqM731oPSMqTjrMWWfx+mROUeIE4ecfseAYw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcSL7tCRA9TVsSAnZWagAAG9wP/1eiWAPwXF1KmR76cdEM\nHFF+b/MPHAW/R9vR5vVt4DtyuSMq3rrQlPNj3vUFWYVWiIizo/p+E/xO6qBn\nbNXVlveS2U72CK0Mql7xY4lIMB23BDCWT0bbIPG6GWrbBLorxbhg+HvkPxpM\n1uScYtXCIwZC1c4WmBp0HZbEI7VNB3tkHb/GORdUxYQmAsQdL1E8A1xaZlDk\nxDyBTNLYfMB4Oci7r9dYvBrCvpCFK9iVdLAJ+WA/lOsNuYJMFX7ENO9I4V5e\nAsnIcuwDugbDYsUzuZDdnWy9U52r0HoH4KnBqgUfYciwGWTi/7TsFRQ46TUJ\nXHz9lMNqvl4Owb3fTzuNAmPzJgaJaMYBeOlEKT3Stz5a//OQXIoeEd3d221I\nAY7cFDlnBEEUKUdeQJQoNzP0T5wyq3CVppq/8rfGR2nOykfoi4Fy4adQld51\nX2/IoJ/6VR0Rx5mRLmVgQtgwrir1hJzwYoC1AGdQE9bmhkDNzsJA06twHjUx\nWaDgMHvJjQIh2Bklb9nW3wFmhofNHpzJcrn+FzdswnT+Uyzan1+FE/nSnw6H\nDhDLV7yy3Eq6gchvT7aoyXN8Fx4AAMzWVdSjAAE8AP8hUh35nShdGP12CNid\nl4lq3B1qvfRD4QvPYALql21ywgbkl30YCjT3CujK0f6XaGs9rJKdugjDtxc8\nzgSt\r\n=gK54\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.33d1cca1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.33d1cca1_1548271340982_0.21854300616538258","host":"s3://npm-registry-packages"}},"1.1.0-alpha.1a7850cf":{"name":"primer-pagination","version":"1.1.0-alpha.1a7850cf","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.1a7850cf","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"6c583ab44239b9036968d0709ea032d64bad9e6c","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.1a7850cf.tgz","fileCount":9,"integrity":"sha512-3P1HQSM/NzrY85l4H5o/w9qg6GNA7KfZyIw8aQkySw2yfeLV21flxNyTOnFHPgfGah5DT5jnDDhBhFcdfu2w8Q==","signatures":[{"sig":"MEUCIQCYSxnkgQeX11JujBS9tvWpTZiGOaWrf4FLU4eAscH6WgIgYE82MLNozheDrPw7OpTe20KpmPzhDgUCCeqZjE0/rxM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcSMNxCRA9TVsSAnZWagAAmswP/1KdrtJ4Bs4jQ4R/Oh2K\nK8v3GaBwVI5e7krmUVJ5dEQiaUyWgy/GE6gs987UUgHvOWxbq/J6UE0PfH4l\nVwmo7ITeP4LKgzo62r2+d82dpqIhgIoI6wxT5+fxfDhQB06MbzvAtcCfgxfI\nxpAwrH/1wsgOUV8SUxL0wx3WxVbGXpKr3HkgRqziyfD3/e/Ej14RQBoNBbks\nZXA9E603ZX/JD7A5t/ebVMGJRH4v6dAkmBGXjNxEQ/1cy7QCLQqyDiUAL0MG\nk5JDucityIbVm0rMPvc6GxtDRW/rv9rB4ZEhbBsl/PvCAyXxVwd4zlSrM6og\nOFsTYazXk2EqI8C14PeGA9HZvIgBRE2NnHMBhLk5n8Cl1Ow/JhqmntE5gvKo\n5oYx2nwQDMybdwj9Nzt0tq5NddPesX9c5nlYJAP9dg1Y8e20yk2BqtNb5urH\nJLCXhfCuW86DCRBZgbV3P2WA1e95Ov6HlM14qLszrth1jKQYpDmNhe8uNKyh\n+FjxPXb2LZMgetBI6SEX8VphX9qa7kflFly+8lTvJG/SaJz7ReLJId+pZYhN\nIivTUJtc2MUjE89rlkdkEOU1AyYfitbhpiPN8LMIng806ugG8JS7QwBDMYVQ\n3MAx99ig1GNoK/n08VsN5Pdf61W9porh302rFVYZmIZwhMkh9J9KLISDn5A1\n6p7J\r\n=H4Kk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.1a7850cf"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.1a7850cf_1548272496148_0.8736195903249582","host":"s3://npm-registry-packages"}},"1.1.0-alpha.2682bd3a":{"name":"primer-pagination","version":"1.1.0-alpha.2682bd3a","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.2682bd3a","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"1a835e3d549c861353d60f4a6b708cf5387e5c57","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.2682bd3a.tgz","fileCount":9,"integrity":"sha512-2YYL3oAUB1Ujf4PKHLC/i/QCev+zVb1ATQqJ5Snn9pqsJ4OIeZ89X/q+0KQsnosUENfjJ3L7b8zjGQUBauIzvg==","signatures":[{"sig":"MEQCIH3zeND2xqgRvp+OsKnnW3P5hEiXi8sh/hRTJf6oHksMAiAZP7/NfxWfyzB78Ed8h4W71WSQ1HcxzXMFTo36BIX1Ag==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcSMOBCRA9TVsSAnZWagAAz/gP/0BbSA/gF7Z/0cnq1dE9\n35t19vGb325ytG4ycVQKieSiz6q4BPICr2yhcMYJwsXPF7gunLnU+WJIrL1J\nVdOr+5NwEg5nhVivy2fEk8WXAeok5D+v8AzX+l1ndnGl94aD3OnmjJkn2Zu2\nOuK/vHyN9Oc9NXPIlwo8E52OAqrDlhjwJYtlwzGgCMpT6FwBILG+2ex5XwoJ\n9e8v75RKeY0P84VZf/U2bubOnzPjWFCLbwzRUCftxkIKGiSHxTRlBpkaS1y9\ncQ+nDfG+gUmMFbTwSrQr50/LzSJKt7YptYKcJTIm4Htl2eS6rwgHZBmpVUdm\nGswGNTQEWzLDKQOG6SgwdmnZGeNVrNpAzrJiAGsbkhEyrkv5e4sROhNQb1eD\nzZJR7tdL/y6r+mLbXqv402xs/2RMcuBR+pTYKTvqjXa23tIQFhO+4c9f85S/\ni7y3BzjmFMoln70lAeInKg9Jg1SZZnw34YeMuLluGJP4bGJyU9CpCr7s5yFF\nHb/pNovZWuZ9jtDE3TIKCRhEB1SsVx7ZrK2gotKGyj8vTB6kPRW9nH6ZiG0F\n+nix+VSs02frQekcd/UIzGQyJjCgnC46Uo6hRPd54GPlwc3SuoRyakF+v47P\nPxeqjMelY+xQLivY7nWHF+oPsaZSvFqvTs2J/gEMkmt8y+NV4a1XJSwZQ7+0\nzk4Q\r\n=fXRu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.2682bd3a"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.2682bd3a_1548272512823_0.7577385757330029","host":"s3://npm-registry-packages"}},"1.1.0-alpha.96f9fe02":{"name":"primer-pagination","version":"1.1.0-alpha.96f9fe02","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.96f9fe02","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"30ec38a837c353b194d7b89a702418d83021ce1b","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.96f9fe02.tgz","fileCount":9,"integrity":"sha512-C58dE6CsYVvm7TZ2DVGG8zg6+5c4wOlvgoIb56QsXK6a3umL0w91S/SIxwfI8moOCYmsgS+znKEq/bu3J4cC1w==","signatures":[{"sig":"MEUCIQDBlVYSKmi2OlnW7L8ps2C5YecjKJ+ZYSshg44d+4y45gIgG0PQfp4HbrKwYTo6xNE3dJFdSNMOJb1TVMUYtYsTBf4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcSOGVCRA9TVsSAnZWagAAIRgQAJdHgJdfG1jqtB+/RKRc\nUtR/6A3zREbwkxso7Uf5eqvTknYoxry6iPnOjxcAezL/AEXmmVe3joxv1CAO\nqCXHp+Ifzt4nLy1J7Bg/QG+Plgz1RJ6yGc2KCGkW63/I8VfTYZ/JFfOiHm62\nv7jv2rwXswMSNw61NRhG195QoUEVPFf20rzDfV18hL6ug/2WT25EoDqwfoh6\nu853/UFxEQtyQgJsVGf5DuCv1i+gMErP/4VXl+97T7nRPsmgXpmYQbKmIxBV\nAWPHJPJteUeVcceR3D5ltBQqqAHNpN7vWCSgHHPcVb58SIrhPSYEQQN1Tp9G\nQW8QGQh82Zzingjnz0XDjuJ0J6Xjpr9jy1cDyTzTG2LeY1MIXITWSMmAg2nh\nbmHK2hWsqS9duBIwO581EXaksBBpLEMAGPIuvz3qxXXW8YzlMWqvhL/kgVp3\n284bbMwFtRJoQzAA3eocWvOXrUkLvrknNDWF0VnbhKrQo28wKjrK+8kkTULc\nHwYQkxomjTWPqOyCiwAk17xVKOxhm7Pl/6y/4vO+jIKXw5sCGgNDttBpKyle\n6Pm4Ci5u49T3Gt22rsh+v6BwCt8SVR5vnU92p17Nwcq8DHsEvojYBPblkcvL\njlwFIdtuYN/l2KxgyjBf/5pEDcYx8VR33TU8lLebr/hi1cccTrJOtWLe7GMC\nHzsp\r\n=Df9Q\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.96f9fe02"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.96f9fe02_1548280212923_0.8037100375913213","host":"s3://npm-registry-packages"}},"1.1.0-alpha.7f53e5ff":{"name":"primer-pagination","version":"1.1.0-alpha.7f53e5ff","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.7f53e5ff","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"feb8cdf1d1c1e35b55cb54b0c3abbc873446a33c","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.7f53e5ff.tgz","fileCount":9,"integrity":"sha512-8mI+EdiFv3U1cxXbEuvJPqwKt0+VaOU/ns0VIUgxrzT83Xi85+IhbL6wnUKMCRYD1oXAnGsiNJKo+txNTbZeRA==","signatures":[{"sig":"MEYCIQDjfZsnDTk+AheswYT0tiKYWd4N5lRLIstFjKG+kXiY5AIhAPaqX7NtpWpUxkNonNvG8VReRdUpcLipomP/hot8i1fR","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcSPBjCRA9TVsSAnZWagAAtg0P/0qRdMILACmDPkKoqcoE\nICYPYoQ9tkiFWfjk8NVHfc/17AlLtF3S5pkF2l+rhKlwyYWvCtJ9ZZLQIYVj\nFMAu8orNZTclvtmJvMFT3pBX2ef+/Gp1UjRMl45t13Y1OWv5csMHOgp7l54m\nC8iI8iMouDi3mzjID5j0R+DorJByqp7Lmxix1j31lvT4l32nopERv8/mNAct\n55EcAUHz4fq1mhEiHSqjCe9n+dbqEsMbzVJoULrSmMCiuH4nj/5e6U+z1lgx\nQ9J2kHudgqIPRJfinvzSqcXLq2XQ94IVHQQNkVDyHQRGQO7Vcz+OplkLQEJs\n6t5pLUj4Iy5nHBawOBrBQ92cRb8wq7QE4QAQ0iRgcUN+gk2GvVF6XRs4hs/A\n0INsiS6U9vCOOu7B1Qi46zP9J3XJWHBdG/jbPBJC/0Zj0nzOGbZictYCCYw8\nOMe9WkH6YAtJDuv1SGHqptY4rH5Q9L2qAZFOKCxwBHdp5wlyDQRZ0puxIiYv\nGDZeppeSS0u81iFv48w53sUxXTM3v3IMYm4ALVv+LKITVB2FB4GFEIrk7FKD\nsPG6S8T6AuAlQ8w9pIsrMVXY1REKBx7HvvmY5q87nw4tCs4DUhm7R43Y98K4\nzHQWu8NpDYltGCH5fH+ghtu3sBHhe8OOA0V+qfGFV0crWWb69xg4pdObPuL1\nlon0\r\n=Jmbe\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.7f53e5ff"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.7f53e5ff_1548284002499_0.41349754298160946","host":"s3://npm-registry-packages"}},"1.1.0-alpha.78cb7baa":{"name":"primer-pagination","version":"1.1.0-alpha.78cb7baa","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.78cb7baa","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"fda8f801ceba14996b6ea5931bed62744c03c02b","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.78cb7baa.tgz","fileCount":9,"integrity":"sha512-oVIn5dg6JEFvsF2Ykq78c/1FwcT/E58wXXOzy6BcNovfXMA3jwSpdLtPyDAUrdXRQQXA1SgM2B8OrT/SBPXQtg==","signatures":[{"sig":"MEYCIQCnlA906b3IobwhPETtJelH1+RjQDqhjCUhpavOiNiFjQIhALkew11L8u0WvfQVwzqzJBEu+fT5gHpIJky+G6ud3FC+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcSPXsCRA9TVsSAnZWagAA0rwQAInK1zIdG4VjmZJEzBXn\nY0H3O2FQ+Li3UYNQoop61PR3TVI9qACACLaSsk82nqhuf1QVlVzYVxMzlbjH\nzAALvCjnFbLLp1XHbdqcWa/Heh3/5mIMCUDqF3N99F70G94JAayOauEes72S\nLWxo3Q8aZfCAWj0M7LvR5Ao8+2xHZ1G8ZtkPC4IFQBf67UfS1qUE5DMHAYeY\nOEU0Hra/9yWnulMzf6y+YNvowhrcj3RulcPgH+2qIuxQ89kXDei6kApAKX/p\nWDi9YO6VToHt1S5y2wON4kWE50az41kHb6Bn2LEtknFXPhPniXQzEvTBOx1Y\nGnY64MDbnRWBg0jjVvBtyXc18tOvn/lvh7SlhxZPSoOpVpcE/2d0WBL5ES5K\nz70GorcjAKtZHjABVPKCUWcBt00YkfkZ94BGAOF2xfYJusOq6F9orFS5HuLq\neBGxiR1dwl2QJ4rP1T9FN7tb2ZHar1ivlkWvz6DTSy8uN+lMdKZb7yUmHnCy\n+dBimP1uSrHvqaWe0JSYKR6Ag8dpwsf+8lRYbgc9HvnlJae1VYtLY2C2Is5+\nsH4lMCnk80TV91vnaV1lmNRtzjb3zsgUzkqzl7kh8Y3yLDggdpL8CmmnB2ob\ntvLAqoej9EddZrWsutWLwJ5w/nY27l5uzuWtPgIss9G99clEdXcgVu3EC+BF\niCyS\r\n=TtyO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.78cb7baa"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.78cb7baa_1548285420214_0.6614539456847333","host":"s3://npm-registry-packages"}},"1.1.0-alpha.1c57a0a9":{"name":"primer-pagination","version":"1.1.0-alpha.1c57a0a9","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.1c57a0a9","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"bf9acfa2a450c02fa934c6b6819221c45749caf0","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.1c57a0a9.tgz","fileCount":9,"integrity":"sha512-rHrCgbe8gerptgbZbbwKJYEsapGxPy6c9aRxSZJbYpniDXDt40nTgj0bEvPGNaq06FdOXMEt1vlIyFiWuyhSOQ==","signatures":[{"sig":"MEUCIHQHfuf1JLJEQiHRGhw5xIRFZ3/w+KQlp/9puCTcEUGpAiEA6xBTyFQZNHR3pRIK622l1Dp7CIAsdfrvGAeABQy9mqI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcSPjCCRA9TVsSAnZWagAATjgP/3GVPc5vVUKpc0MQ4Ckq\n4KrJUJxEU83Gv4+11CZR/TbeamUnz942wCnnwGjPwX+HJSWMUQcKTLGIv27+\nk6NpyIOkTVuY6X7dSHs0MhKInzYp1uzOZ43pCm/ebsVdA5BeqDcRfgwywaEl\nX5VLP9MzCqll0YhWhf5IVI6W8zGUqgF+98HDLcE4vKxPmmEwPQfdrclD88UR\nJ+pkDQwYdUvekCG0nUbE6cFzdwtD+wJ99ueyvAkIZH0tX/YQhXyn6U6Txev9\nIJDyKaEq0JWCtY/6eWQnuteQrFlzGzgfjTW7fiNqo+vVQzrFk7RS1w9cCFM0\nw6jUxINqs8CKZnjwkkmYlfABDZws7mEoiNbKkMVVWCqTvNvwkUNNcKkyH9CW\nPXCYq+nSei6baq2IzroBWbs2s7m5NejlI6b/jS+A1StzmclnP7AUMT+BfAmZ\naKPLGM/+qCZifLrNHQiUo+Ki1yBmXB3V1KxrStZc3zuPH+tGTvsYOaXXr+Bl\nmxVWGeiLe7+nL/UerJ4JvFPB1vBGMOPvgCdzqL79/QiSXV2XDPBVHNT6XpHw\n/TayOfeT5HKaEv0f+WoIn+1bhu3k5o6tZIfyRYMOQrKo+am70QDenKDdwpj4\nkh/zHwmxXSXydCTNzwwEqPihJ7lzjcup8gjkdOyJKXFXKNA26PQFcdavdDIn\nNrEu\r\n=X979\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.1c57a0a9"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.1c57a0a9_1548286145761_0.4376312307197836","host":"s3://npm-registry-packages"}},"1.1.0-alpha.c9e70d2f":{"name":"primer-pagination","version":"1.1.0-alpha.c9e70d2f","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.c9e70d2f","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"d4e64652d6639a55b95aece71de095642638e94f","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.c9e70d2f.tgz","fileCount":9,"integrity":"sha512-TNFo3GDe+BZtKLFOVvPqwnpEoV7LNUMhRObbQwuATkpyxpa/hBe31fUFCYRh1//zOmAHnHMBx2PWhzyFwdO1ZQ==","signatures":[{"sig":"MEQCIBS5aFUv+VBY8kTpulAK1xnu12xEn54ki2N3F13M92SBAiAZQQJkabt9nJuj8QvBP1hjJwXNg2TViJXOnnGDmkxnig==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcSPkrCRA9TVsSAnZWagAAzpAP/jA7rgeLz4kbNqRw6FlJ\nk5m3nEgoq7JYkQk31RQnyA/oO68ZxVGpcriBHAW3qF54ZJbGp9SWWHq/pPl1\nEpOJNihvrMIrzc5xDE4nUrnDbaNsZcOOiE0teJ5PiaRxYb1EDo/tv2Ql511c\n7Dy+oJLYTjJ8HLIsWwtl8QDNWm2dKheCV4eHB9m+nerYy32ySFDLUydl7OEr\nXflxGTAKGU95C8eKh4OHLz8fbwh1hFXVsvigo2D1PosQbdg1+WhIhUBqE/nm\nWP/BfkI4zHWU2thRR6rh/DnvpkkpaQqv9/86oWANQolyDCV35EDX/VP2bf7I\nBi1OnM9yHXLbsGEfSGUbZgdqHR9Hyuyyq3eLSrelHan2pjA3GAFmQiuQkloQ\nKAkSMfkphPE/q3dXXKwznMvj47Au4zmfsjJ9WurOtBTkogVn0zTVtA2GEIcn\nFEmuswJidQosoenD8AvcSMxB/bUjnrw9vL6kZAKXtT+2wr4kWkbxW0ABATXv\n9Bcwh9og7DP8HQGaNfZpdn0ChDL6SKEcFU5AoK/CvWnxW8BUpQXZX16irFxC\nFVMTKdkSmatV3tjagjqyp578OVZdbAI49AGzr5McjcPFls5amjq0R6O46yGD\noiAmbvVAb1cOkg4te1HfhVjjWX1HeQnqnaGL6EaSUJ3nIxCSsgeb46oNz654\nvOhn\r\n=tgE+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.c9e70d2f"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.c9e70d2f_1548286250982_0.6286379167133547","host":"s3://npm-registry-packages"}},"1.1.0-alpha.8d7000cb":{"name":"primer-pagination","version":"1.1.0-alpha.8d7000cb","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.8d7000cb","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"0d74bbb0d1c4dd76d8671010dfcf3a950a7c918a","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.8d7000cb.tgz","fileCount":9,"integrity":"sha512-DwpKc0XdSKx8Aw3L3i85D2Ey4taodRRJ52iY7+ichTH4+3UlbNCByIpDX1gTun8TOInmGGFzWSjNwvm2Ng0Mcw==","signatures":[{"sig":"MEQCIBaIo/fLExgetXngITNX99ZQUCCxydcuB8J0iFD4fNbaAiATXbULj7wCVjVfEb2Jx+HWnuOCt2CmHmXz8dvCtbxTZw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcSPtlCRA9TVsSAnZWagAAepwP/iCAp0rUrQwz6UCq4FJc\nR5HWfJ6eAbIiE0Xk0GG0/lZrI8nKtNH8KsrBzDOdenQuK7Pd83dG/WxmM9mY\n8tNNvKbGhC4Cd17W7mk1e3WGO5gJ9TRuddqPL9kYuNoglCYfteGG7pgzsjQG\niPS0H6Aasv00Xsa0+3pRPxHPom5sSVNW29o2ogivR/dmqNbDF2Zv1VDGBInk\ngBWVeoDPXe5QbUVFaZGVqJYzC1YrSzXltuHoKGXZPEEDX5mTBjTS72nmEyT5\ny9DIAC8kQ7bQ9EsICI/pZvCz7EgMKUllzMRvE3dSFSigkiMDYLFhe2s08ica\ngrhdp6kjqa+CjGs5unvwuhgTpFJjsJ+vbPubrdw5oQzt0qRJ98BRCCSvdSw/\nPl8RNYMFwcxlueDCmRzKZwk3aTQNlyVyXfmfDssHK2Qz50wFLXQQfikhes98\nIGGz5h3UE6sR44bEbm9VJiAyzz3SJujS+qQiTugspKC/gXBmXG6PQtYdIZ2V\nYRbjE3ZiXfhH89slFKQ8X7ueyvVWfowBkoXaXPQpD31aVDCLxpJucbg2Vcew\n8Ij6O6NrYp87hbPIsjuTnPEO0VXfBxoT+W4TnU7vkBqJR9n1u113g34ega9d\nQ3QLpK094djj5IUiN8QW6MRpPV0eHzl1AqICIizklOaWptFwaZKVAWRF/qT9\nAkLS\r\n=xqoF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.8d7000cb"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.8d7000cb_1548286821172_0.9148839726680766","host":"s3://npm-registry-packages"}},"1.1.0-alpha.127dd98f":{"name":"primer-pagination","version":"1.1.0-alpha.127dd98f","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.127dd98f","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"6974af2d369d0f512f7642193cd63a9d580dfbe5","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.127dd98f.tgz","fileCount":9,"integrity":"sha512-MM8KrAUWW7wqFnUI2d/S49y4kFyrepTtWiB9/yq6TVqiLtea/upkcX6HKjryDiVCiXLRDUFQAChE/Ixx4nYxYA==","signatures":[{"sig":"MEUCIEst7Z4yeP0uuZS3zrIC0NS98UbNmFzgzCxEnJxuZQQSAiEAwa8uy3baeaQhKCcDjd/howWSiOQ9ntx4H6ui5+wCqW0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcSQEXCRA9TVsSAnZWagAAw1QQAJkYYrw8U1w/QjiYDtiR\n8fBtg2S2ubrlPe7/8AtfRhetJMN1vFIeZp8Z3t1EHgQsrNF4GEicfZM9x95B\nzEZMe3c1sMFRB4p08alLPE61PIi+yS8OAxUVsJkC8VoWgdeAqvCJdsIyx5uG\ngOuall6+sSpL/MXwg9hZIPWGFIm2P4G6qW46RyS4FBQpJ8yvgbcMGEk0eien\nY3kp+qmmk+rryFZH+pxcjVcV+GOSIsSJAGaEIJ6ZYe+xEe1SDzZ828N1ypuN\ndFKFLXooJievGbhf6MklyIzddyy+OrGOSIJAvHEbt+BuzASaCQjDyfVHlHqt\nRhPapxTYmzNAcH7zIVJJRqxc5VmlX8VGBRLG2NkLVC7gCstF05S2WvZpOMS2\ntbYYse/BFFQEuli9UHkHp22vrZbjWo/CTd9IfQJJPYyN22znSUKVXmnf/Wer\nlohNIa5paVYqbTU3x8Tqh8UcuAMnVnm1WKPn1dEtvPPeddJfbbZHzh9Azp9L\nC2W412JMgVYe+WbEn1OOjjwaB0YhhTJL0k0TJJQxra8sENAg46TzmRdSAXdN\nJHx4gYZUitEmFHvRipn5fpP0FBrXy27dqAxkD6r8by3uYnEX/nCGH3xx02Hq\nsYt64bm7kdGVKP9BDo8bJplMSF1/gvzkK1OdRwNS2x/vk9PoqdP+bOIB5Mss\n9D63\r\n=PehH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.127dd98f"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.127dd98f_1548288279311_0.2631127536756599","host":"s3://npm-registry-packages"}},"1.1.0-alpha.61aab4bc":{"name":"primer-pagination","version":"1.1.0-alpha.61aab4bc","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.61aab4bc","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"f734254c190adb735954b94babc32e99d0ca1001","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.61aab4bc.tgz","fileCount":9,"integrity":"sha512-IzfzceuawZ/YGHaTcRfMCN6APd1gvPWClDYW3RZyZJcty5//sqt0oYsSO37i8xLMIGbF1qA0CtoHfbqnE7M4Dg==","signatures":[{"sig":"MEQCIB329RqY3qqSP43eBGYW+sL68ysE0oLD2Q+GsfsHfbGUAiAer24wfPWxl7kgGrAt10V2yZt5yJOa231+tWokD0AohQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcSQFoCRA9TVsSAnZWagAAaoMQAID/6oEqGK5JyxTvyALq\nD6Gex+69OaID7zc2p7K2NiKlsl0YLw9An9kiXJt8zIKpuUxuB2PpCamGyEZe\nKyw7PACHo6V521KRU/aV1YHspiwoUgs/V+JXqne73vbAWGAj8iz/piL32Btm\nZk+7v7vrYg3P6DCSGSN2Frkd8ikud10HmxKqok3C5pNZ0hL4ZHAiYm7WREu8\nZI7QS7pJ+RnEuicS/Z6qkj4FN6dlW2KLa/JZ5IYy4gn8q7jnNabHPCz6tyYe\nJxq6xSyCzxZV9wgddr9x9pdKYi6q23fe2xdeV9XgbiHpC6i5vSesbuBY15d3\nYlb5qcwPU4X/8LQDVA5bjpzHf7clmgeU6cMbO8Id5NG69WSrhjtJDyjxqlpi\nJeOw5GIBadvf8jzWnkCsmoV5SRUWN9MmnRT2ZVY6oB/Th2pK2DWw0/9yFr1L\nKx93jwpb9YeARUpzOjyis3KuW+nrJY81jyMg6XijDIzt8y+VLCLh0JavIWJq\nl7QV87HMbgSDnwgPzOPIBUO//eae0P6sjYlgy7y2tlxLkSS/re2n9K9+TW1P\nVVkJxII/oNtMGwx69er90fh+etRfZVHrHJifeoytzpcKcXKdV6vFnRolFRHh\nmFy1ACQF9uTRdgnuOBkFPAPnagd0OlBJncoRRYndBUmeCRuNVhBOokcdKoF3\nqx5u\r\n=LTjK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.61aab4bc"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.61aab4bc_1548288359305_0.5695144550884734","host":"s3://npm-registry-packages"}},"1.1.0-alpha.68c3e189":{"name":"primer-pagination","version":"1.1.0-alpha.68c3e189","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.68c3e189","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"a3ab6157dbae46678472ee9c10e784f31942a233","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.68c3e189.tgz","fileCount":9,"integrity":"sha512-ZKvI+iY7PiKjnLg/1Uw4pQvFjKwtGJvCNOCeXQJBWQf12trNcEoFit6dGe8cAVIq/4ab/ondccGF/pUE3GkGUw==","signatures":[{"sig":"MEUCIQDONZIJMpIZWZ3um28oxK/fOWTz9TrWpF9Uplx09V4RUwIgNxuFX0JwHblEBUXuEM165bpsfWXKlO6YbB/0xsArnWU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcSQpACRA9TVsSAnZWagAAC/AP/2nhPUPK0qoG+wPzBLR+\nbk/ncISvUotAFdgJ6CFriaCs2He1rt6xbzqajxl+FK4Uq+XzmXd0/Rfa4cna\nZsHyXQXwor+R7O+AQs2dGV5PNKCbeLvqqH1MuOpQZ4s7BDrFE8RwpnsP2Ym1\n2HjV7yaDYpKRxPpX4CgB38jW26hTrT0cMxi+s75WIGJ0ChZSPrzpxj1QPxBi\n0QOfv8x5vxtlArqdI3lsLiOoAuwbBl9Eh19Q7PYyH1wmjyRXXt/2Qm0hC+bS\n+TPqGmVripbLi7QayWo6Dt4on9oYnZEvS9lUr/AuzKes4P1D8MMWNojewDlv\nUBl+zf/K7V6S9Wdyh1hi1hfwwAWPAhrpc2QhhiQzOdI1vtg191oNiWuM6GxR\nARMyFUdvJ15QaN0g6qqYaeTzw+hNj5rZ84t2PMAv15eYEl6r5BQsFoAP+wlZ\n5+fd39QQ5j4ToGeciGssOBT00HBOpsVSHP3jJD6UC4vwPffeD0q3+b1i9c+a\nEpwYLE6ByOksMGuixiOaxZ7GVxOS7pDQOxbTSsHI2nqSWTJMNTdoDiEMFHQw\n8bgaG2b1u4Gm2UzXehUpjRGn31WDasOtxVRAiwLr0Nm8vTkTfpV07boMgNe2\nyRbz2BOy/IByNEtNLgPHPoih1HU9g1LsjL4IBQU7zo8sB5qGi/4tltWjPBtW\nD0Li\r\n=sTsi\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.68c3e189"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.68c3e189_1548290624104_0.15550689700757658","host":"s3://npm-registry-packages"}},"1.1.0-alpha.5a78e62d":{"name":"primer-pagination","version":"1.1.0-alpha.5a78e62d","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.5a78e62d","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"7293d98c29e20790af017e99b08608a3a676d61a","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.5a78e62d.tgz","fileCount":9,"integrity":"sha512-JVNSZ/xcWzS4Zqwlnb1Uo+0giFuzEQ6dwWGeYU/omzwLzeQw9nNd+LWgMZ0p37Lq7UBV++9He9ocVHWhtFnrPw==","signatures":[{"sig":"MEUCIQC4H0eVu35J/GpBswkbjOZU7KSqrvSdGE5XhOflASU/LwIgf75Cn5wzQ335im0ob+Qm5uVaNS6AlQyg9YQyH9Z+3rs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcSgviCRA9TVsSAnZWagAAiWgP/RoZ54GTerF9gAdIJfkP\nuqg0Toiau6vioxC40MaiuNeiC9Y7oiquju2qoXRZQJqVc5Pok4/q6kmgbyFo\nWA/bd20kdYjYLfqWgXvjr2Q+jYZ9vOBYGf+O1GJOiujle9qcqCS+KohCUFB8\nUkF4r+Uui5QGJHedWzkhBGcsxa9qtTm7OIVMCzLQ2vT7hZ2JMJmTQBvmQI7g\n3EPukhDtsdl9ma7Okw+5jfvhb3svzCIq/RJEf7IQXM/faoWXM0lPyvhRscsU\n+/6j6RyOAaanUjLztY9UlBK9EjeRk8EYymaRnU7X880/OU6Aa7BaayWs7liZ\n8BfIlCAUynbdLjoKwCF77kV0GagdIkV9lvl/iyOkGa+ANmChSNkzp+DIJJpY\nYobMB3dnpcsPPsVHF05Z8YXawEVSTVTgm+mh3kOk4iRgwHf83XTE+Eev/BuQ\nNa6Ufg5y9/G3oRC70QWH8zZI1+wSiVfWpmTGIAW5ttDepM0kW7puxnYJznci\n4RyJDY3qIVc/pEiHDH8SfENOaR+DUneljQ20cWwEJjjPn7JBT+bx52wEhAwR\neae+0ye+vPUIfxOTFWwCe2++Bbn2vtT4ZObu8E3zOdfySLqdBZNQH5vFi0Q8\nWx6HZfgZBynik/73dunLCtPe2VJT7kNNydjr8Q+HfnnQehOHZKPYqWurwlBr\n1cRQ\r\n=kil5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.5a78e62d"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.5a78e62d_1548356578120_0.8736788386926926","host":"s3://npm-registry-packages"}},"1.1.0-alpha.80c32bd2":{"name":"primer-pagination","version":"1.1.0-alpha.80c32bd2","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.80c32bd2","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"e0e0ffe69374c5012cb368a687694543ca24c60f","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.80c32bd2.tgz","fileCount":9,"integrity":"sha512-h42DIbL/dK281bgqyeZctRZAWRnh1gDXkHM09QYNPmhRXg55+9C98z30lQxWOWV4hM73XxlUwPFr3Wx9MC/6kg==","signatures":[{"sig":"MEUCIEeGdHFngtVGdgMLU37y5IfIiSVzgVpmf8dpuUwTJ9cVAiEA5kXFBzOtgsapfdS7CvYNma5ps+1rMwodywlvIjxh7tg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcSg2NCRA9TVsSAnZWagAAJcIP/3es3CTi9e6HuH89DHJl\nSz2dQ4liB4IrEMRDSGFCsO9eYYfL2+PawLcjbmg7P2VoWaviTR35UoKC+u4T\nJOD/5b7NiqmhDeRRwQ0plbjb+JokU/bXbhJ8TtupRwUyYNHMt8ss7skgqt3q\nHTOJwZTj0kYCm3HBWlTNttiba8IChPfv2xyRDTr5BqbnzDVbUPyBKzkClbgv\nUTuQEjxUFEjO5V3P+LrgktatK1PEKE9ZW5WPr6xXNVAY/c8UBFqjJDsrkVQk\neSS+AxbBGbPFI2AQJ1CCGHBKWPGXXhmjFXlvx3TJlq5q+IdhlWDhXSqvKbBd\nXUj70WmileKc3pRdCj+Ukkq3+ya1i90xBVnk5kWKTVPmMtp/3wB4RaydEPL9\n5MXnblhi2NCqJu0MGJlHbF5EcfJS5OrZgo+87incE/GOraE5CkrVh/UDZuI8\nh64+HvcrpZ3BscnMJWPJCTr51CgyZV+u3cGTT7V+Ha1zLFn3m8dqO4TBdoHH\nv+iTiBM9krSF4Y6gvJhj4Az52CHrBnDFwXcnSUG7wMb+AUyiIS3K1kF7PNHb\nymrk4MdUbQ07gnqpcJavFcgkS/lkp/HolUq/PIWDyHvH0a4xIaTwlEmRDCvg\n9Pjtpbtyxb/ZMOgNWMTEHYMFfp5VPyEjXtSWSMXK2QoSycjYETOxb2ImPIOU\n46rr\r\n=rmmr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.80c32bd2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.80c32bd2_1548357004848_0.4389120017773016","host":"s3://npm-registry-packages"}},"1.1.0-alpha.cb697793":{"name":"primer-pagination","version":"1.1.0-alpha.cb697793","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.cb697793","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"283abb2e34438ff762aa01a908cabbd0e436a986","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.cb697793.tgz","fileCount":9,"integrity":"sha512-i37HYiOp9Wzv2QX78DoHGr0fRYoCnWoenaCKLEF/lhErflRwf8BETz7SO5epNPayQdjWBPTdBWU8esGVyOigzw==","signatures":[{"sig":"MEUCIGNh9/PdeGXV0gC7y9ghuOmkDjWM2TfJA47a8STb/j7FAiEA0JrQnSxRZAfXmCq1n06NWQkjU7G+QfGKKWMXCE/Soqo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcSg8YCRA9TVsSAnZWagAA3CMP/j3DMtk76MfSmvvgFh9m\nN4wwW9DGC8fQjtEwuZnyPm1BWu3gJLdNC6Nig5XLgFe+v+4D/4m4gGHfeSgH\nQC1j2sEU6TOzYsjEb+RbKqbxBVeKQpFLnlCQeZB3u7C5ICJ5ssaO9rdFT4m2\no2aUydbv3r1MORWjrpcfUwzC6Izu3dL31DfEDdDU+N9kKig8TeJPd5YHu8h/\nq/u2aSh3e1wXgpzAxp2/9tUpM9B7dwSyOU6Zs0wPTlNjRxeMWGgR3tDEJ+5Q\nO+xTVbj0sscHBUYdn2LOHaKtJY12J/Lm8xUDrhlzzf4wzRV6b2plys3/QP/o\n7WU59pp+gNeOqwNtfELvcLrwDt3qcykUanF26w7jWzEkWHCUgbQ1KO//t+Qb\n8hs8dHE+T183z0rF2HMz3qJA9P8uZSIF2RL5MbWbGzYKxnYt+De/rynvSZBX\n4gPEAzC+SotzpZ/RofFPvV+HnVsi+LzOdThqvqS3mxhDp+ioCmlxrp7ltf/d\nnocmAZYwjnxSYS8jl0dlx3H0ntJmoCYZFxPUyo3UoqeO0w5lzvgGmzW6zyTA\n10gyi3nk5ROi0/pyY/+yHa2cQDgLBQaZpGdA6g6XNEUCWHM0Ql6HbZu40tli\nToJDEuJ7Wd9o7eNcIRTEnmEFtbSrQBi6PEuHH3c3jNi+L1AN4jIgQ45Eo5hC\nUyud\r\n=P0Jz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.cb697793"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.cb697793_1548357399521_0.9504526662332886","host":"s3://npm-registry-packages"}},"1.1.0-alpha.2be44f23":{"name":"primer-pagination","version":"1.1.0-alpha.2be44f23","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.2be44f23","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"e56b07b29581fe3c7a5c73de9c5bf6859f3afa02","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.2be44f23.tgz","fileCount":9,"integrity":"sha512-8CBa7yWHrNZqiv8QHp5zdDUrMxpxDupQSfLRjOhk39GCW9/ssLbp1NS1yj1InT6izh462KIo4K38Aiwpwb2pGg==","signatures":[{"sig":"MEQCIEp/HN8Xws7Y72aAHwAFmCiOUZoKRZioaink8XpAMQfgAiBJiHKnAJSLo4JE2DvyOOH/TYHnxPJSLwQrw/lOFw4bBw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcShM0CRA9TVsSAnZWagAAtFQQAJzahzr3dKp2FNhDJwuN\nDztA4PGX7xvhE0X+hR035FMIImCGaC0qoEF8PWxy9SPYGBJOjH9RWdYAss8G\nIAY9lI6zPqvKQPsEdm4jErNfo1ZMzxhy2Tk10op3qz/g3+0W6ebWq/H6waJi\nPu9BCYwcQeeHLF11XwC78VGpZTp/8BznpmpU0e4CO716iBM+EHUADW6frX8D\nEiY9sJ8XT7KA64U719vkE2ERwM9FasHnpIfUn45tK2QWvNLBQsyTzy84io3/\nNBQ35+wGMQ+/8ArjWW0JCNSKYd+z8+zQrbKab3ZjC0Qm0LE+9Qvw5nPm5gND\n0X+xjpO+jCcmnqcU8sTnhdEchCah6MEG0DL6fi6KxNo1cNuKK/AdkjP95+Zv\nBhPHl0BYqlx0VeEVMCQHW8xGp0FRwJTS3PZokVrM4+TxkKntBKLQ3ybcWTy3\nHZCBwfCfDd8SKrqJdMrMUJE7uE7XDANsAwcd2fLLkC38/gmO6xib4ditpVNP\nxTIvxFq35SnAp1XKrjhFqEwdbvolt1xrq9d+EefGgoNNBKeW48O+vINxoExc\nH0XOfLyJJc5C7C6q9kV9PuiTrUYQBXifO+FfuzbGzQ+g6QEfaxT90MHMuGeM\nmTmnHd44TEmfDvs8WU4zhI7dfPofoIeGyt+SL/+rLqC0icH2gY9gkI4YjG0V\nx/Mw\r\n=qHkb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.2be44f23"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.2be44f23_1548358452057_0.2540627070353041","host":"s3://npm-registry-packages"}},"1.1.0-alpha.28960460":{"name":"primer-pagination","version":"1.1.0-alpha.28960460","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.28960460","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"c9fcfc1f1def8bedbdf9e263406d84535cd5154f","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.28960460.tgz","fileCount":9,"integrity":"sha512-3RMbT0dDBUtKJDTE9+WoFurgJLFsOADQcmzJ1EUHgr/kQVlPuuBEgZQYlkJ/Z5bvMXecQckZRk/rwD6Hnv++ng==","signatures":[{"sig":"MEQCIHVjGvUoDh/YgvIU4v0pCginMQsaxw9bbENBpvHgEivuAiAVJtcDWvpatJUsQKNyI+aX8YYWgUoq+x4Sr4WWsPrSSw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcSkDVCRA9TVsSAnZWagAAX/sP/2BPbBXalq7dNjwdZA/L\npbg+jvQmUOQG7lSCPmJjgb1/a/sfAGlGoi/6rTJbL5txtcKk6DR2+CKyZeMC\nwd3db558V9swA0bfd5PHqsdbOuDZceM9FFN49JibrQRLx2rjO7JReNW10jG7\nLwsUcH1rEiqAwKku8ygG+F8SafLoDH4uSf1KNM16vXrRPQhBMuOFWPFnDr0I\ndXgplf1G/ujNTUTCY91DONNWoYkBLTCf5DRathduRHPsEOFO144in6YQcOxu\nijdLvd4+vi9O/DtoZDGlmgK5F1Cjq3SvAc/xESSAgLjUlXikxe5RAK57jJwi\no434n4v3GMLVVJFaD0a+j63wN5bpUruk1UT6YS4wnVBWSAM0nto7ljEXXtxH\nrWDJ1mV9vhkgrKzo2lwqqoxjlgHhIyoibZAJxoHhZlsOM6cnvRUdlD00Mp4g\nFq/KIaO+nxyH5Pn9/5TMDSXGULW6+5wJlc3jZMIipmq7jW50+5kQoocSh1Wb\nFfAovqfHxEVJmcWTNZQP9GiSg1y9JH6JqcBM9ko+i/V/71pafM05nnt5nwO7\nSaBPKPUZUcL51NvGdfj+Se9AOcyRRexCIhCMyydoRvoBSYPqtt9XL+viJ7vY\nxtOB0TomlC4IdlCIkU8owBN+xzTtqzGum48GiF1RU9s3CvCw1tVbcp94b4R7\nVABD\r\n=wzgS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.28960460"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.28960460_1548370132882_0.37878225777264896","host":"s3://npm-registry-packages"}},"1.1.0-alpha.77423703":{"name":"primer-pagination","version":"1.1.0-alpha.77423703","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.77423703","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"747bec009f68401e55b9e156477b8cd39b80385a","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.77423703.tgz","fileCount":9,"integrity":"sha512-85mFGkB9pybpcLsYaXOOVfupECE3OSPR1VMKXfkGjCBrYwCgPNLCYLjFP4ackwZ3ex/QH7Dbo+LJ/h4MgmTnaQ==","signatures":[{"sig":"MEUCIH4Dqg/IIC265Sb0X8Ht5I3kFuXeGfaw2S/yuIEqjQC9AiEAx7lvYOnlVd7OfL9JRrXP/oNA/ro2ql1sCo+Cd1Gg4OM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcSkH9CRA9TVsSAnZWagAAtsYP/Rk4ZZBM8+bbnBF2M5uH\nnMNs88CoZeLWa3wEzYH6/uTfZQ0EBsX0jemqHGhou+UcEmyjdV3s6RoZfDGk\nTqZOn0+zDnEw8uDwzdgssbHOF16WjnE98CknWqI57xVgVycAgToGg+Gwqnzt\nYL5UGOjWaBWbeLMS0Sdyi50bq7diqAPn2M9NQmaDmMCEs5BfgFQOsQgpgBle\n1awX5OGOZoauHMBelGyh9d5bpKsZpx96ZNKskc6E8i/wcfP6rGnosoIi9XUK\nJV2UtZuRlUs205Qvf61eIxrEkMq3/lcr7NwDbPdgtcUJmFaJZwKSoKPT9Bfm\ns4rMg06jI5FGM8w/cqZIUMh8G2VF5h7OTx6BWpnT+pTOIjrCaeAHC9nuIy24\nIc9FxgaHDwy07NixYcWeGTuj4Z9dlAU8buZ17DVmzR36sQpZV+XzXBmHQZKy\nyW/5rwwMsmcMfTW0guNaSwnxlQjJltH4cWnyLbkDVwSjRxjOHziejdQLvhoT\nZ2Dl6q4Kap2GcpndKKfSM6Xtf0tPKu2K7Pkly++iX7vdnKdvv7FJHaYZXjpB\nLHfpt+O0+l9VtR+D44Bd/5RkmOSxYF3AqwbJ07z3YVHtxc5oc9xK/MUlW3cd\ndLnFNt1XBKzn4SsT/lfH3o+hSToPJbhJr0yMOR/aZLNwUXgKKLg38OEtdlsQ\nAaMH\r\n=BMOF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.77423703"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.77423703_1548370429103_0.6851932298520769","host":"s3://npm-registry-packages"}},"1.1.0-alpha.e6d3dacb":{"name":"primer-pagination","version":"1.1.0-alpha.e6d3dacb","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.e6d3dacb","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"4ad9fdc1656eed0dd314093c8999db89ffc6a5b4","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.e6d3dacb.tgz","fileCount":9,"integrity":"sha512-8PFDbiAlbJ/gvLkTxGW7fdiKRH77Rs8f/c00NlpYqg9EWylSN5OtLX5fWGsqq2c/BH4/FR9X0+ldlbA9IOfXYw==","signatures":[{"sig":"MEUCIQCxFl3zOqs+ZjZrrsf4kSiYV2aMhuyBy2HpcVM/53Pb0gIgfcrpOlv8yRWI7KIaJrjCP+kt4l+fVd5jCjTlf0XCJC8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcSkItCRA9TVsSAnZWagAACiMP/ja2rrrca83xlJXl8X/1\nc9SvdVOx1ZA6wdEdztKHVwIoRAA0uyevjpThfMX5LsglU1mn+P8TFgAEJf9N\nC7C7FX7xY4EI3trT5l/7OEPWfJ7I2rzRGFS5Vq9WzwK7KWxAUEhoRTN79zuF\nizwr/QVHNuSkjfH6hRyy2DbnY/9KvrHfeF9g4ou6b1VnEmoxf1PNK8I58wrh\nQQjxwEwrHSHKAhBEsljIKzWnjdjH6WHsjDKcVl2Gu3WQtp8L1VbeXWwDEFGZ\nsHMePOY3VMCNSpN4DY+Icl/IXK2X26IoY0f8a9qWbq71AeGvOTn/HznkmDcR\nsbn3dwiLgTUxxM42I2Q77WoM9eqyhwPjbUCucePp5fV3/cnPA9dJOumdxM3i\ntiCkczD5wlJb+jt8eS3uUFrZ55UDWEl304+qeU7W3XMUECqK2ppbZ3JO0aHi\nJBetJ73yRXzsYCdmQA4etgvLYerfM6IjUyA2zI/H7jf3MSa8adPKBEwyG1IK\n/oX1fLTmjOf479aoV+ILtn7KzwY6w9hyLsyv37aO8avTycLsZ1xlfHT0/egi\nc+Mra7JnTJggGSkFn75YgAccaL5Gju3Z4556yeZP4dDKbvsyJLssqfcLmHpw\nXz7bWRWW6Ik7AepULqU2/oUin1inMLdoJPQkfqLQv5H27ADRa7NUBcrowCzr\nRlDA\r\n=9hYn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.e6d3dacb"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.e6d3dacb_1548370476380_0.061910144731763816","host":"s3://npm-registry-packages"}},"1.1.0-alpha.618b7b78":{"name":"primer-pagination","version":"1.1.0-alpha.618b7b78","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.618b7b78","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"3ae8efd25bcfae18bea223f6521955549bbbf9db","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.618b7b78.tgz","fileCount":9,"integrity":"sha512-rQ3ZdZvOZ6u7WVc96NGyBtconJMrcyJyhsk+02XGAY58s3bLrY7lv4oxsfmIEM5XYR3h02ieZDtkULr08sy8bQ==","signatures":[{"sig":"MEUCIQDMB55nGc6g6+8b0A8kfHj0RFUwP+lT+h91xU8kWT4lNQIgf31zZdbrfYePBmXujmatRDLEUh1DHO5fqEipashY4/A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcSmVFCRA9TVsSAnZWagAAIlMP/31mTp5Sm+hqcL06zIVb\nGxP4cBegH3OpCa24eC3quOynEfq8bvTDK6lIEuVukUx5wkTz0017niS7VxmT\nypkokbBOwqjlOLxjOIgpevyaN7uqb12fUoT/YeCtdJg/Jj4yP/xg/7M6MEw7\nhOp2izhMFWtVe/dtS1652KKJnEfjYBYIhQtNC42mCngtYSusnkF/rLA5l7AR\nGVUD4tnrSoIjqQqyRY1pPEsXztrCGA51KJUeUn/ehvXTmwhaFrzyTX9IGNAc\nkCb3P0X1ju1kZqhl7Phbmx5nLO7IxPASuQlMizm2XiHC9RwoIHIK8zPWjlK+\nxswt1lhX05PDCP3I4pw/99eo7s6v0duVQqaJBHqWuJfDori9kF/6WYlo/k5g\nZRfP430GUUOlGmQhIySK8PW1fdJt08raselXJrjuVEdIJoXBLIX52J+1jjrx\nZnJySeE8zwT5sU1yBW49nNZoHXiertmhrTwnvGngREuOdWXzjseEs+59Y+1R\nSFnDbgotOwUljiD0XU2Sp2ZPZsD7p0QpV4Oc7YkhIfuZfbFxIOtq932jzX/e\nEdqcOoN+SLIMviJhhQ2pC1OLlJWDjXHNqTugmukmNbH0Wlt+DfDGP3TxQj88\nefO5v0+A68Mu7xT44RTD+LKPYbHV4XJoQ1mWHmeMj3ePxvn9xvqOeI1oH/c9\nNe5Y\r\n=dycn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.618b7b78"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.618b7b78_1548379461378_0.6001128803629403","host":"s3://npm-registry-packages"}},"1.1.0-alpha.24b4159c":{"name":"primer-pagination","version":"1.1.0-alpha.24b4159c","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.24b4159c","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"b7c5f07f66bdefdde1559c9c75c2534c7103db77","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.24b4159c.tgz","fileCount":9,"integrity":"sha512-rg3joR9uIubdE2MRFXrHbefE9Uoqn3jugrqJN5NQkcloWDymgSiOCfGwHEoRWjFlw+iH25Pg96LRmHEl1ohdIg==","signatures":[{"sig":"MEYCIQDmVRk6fTt4AUqkbHh1UT8BxkNJezklo0b0sUwV/jRiYQIhAKMsrkpuFZSIIwv3hRN1vFnGBq0msTL6v4CNlCul0h+K","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcS2oPCRA9TVsSAnZWagAA4tEP/Rp7YGljjH3UztyaJ59M\nXGaJFXDco5WIkJtFaZesiy1I0zKJs60AUuNtaBcG7o3QdePjBjwI6Sm5G54e\ng73rZkavyO45rmvu8IiSSTeZfBeAhswCRg45N0oGDPycDLF9QAOiSKCKgOeB\nEKXNyolMf0sXY5yR8tswSqvkSmIiBXHZyVZfDQscSN4NF3H4TJI6kYLqlnrn\nYvN9h4fUD8smqq8Juicb3qrHSwZT986Eqf3GgtQbBerZPVCv2GfE6ql3BWqb\nLf7l7nOXKfEHvNM9IJPxi8HONMXexg0fnD50taDYY18pTg5CXwRQO+FDZea2\nYqF1GZ+d+ENvPt/Q6FQddtqK8SVe+wNQwklUQuKPJxUD4v3yKNx1iYM5BFOQ\neazMf7ISjRLmmUzd5BrVZg1kabMh3pBFUcxq5+UH7iaz26ZmPTLJM1apQvmh\nCXppHaNVuEhlpBphFYpWe0y2eKWJyGqaEU8D3smeW3z4689tdI7FR3i6A1W/\nBbrA/vzdlIyLFGPaUsE7Dd4ZXFcQXObf4ApOqXPrFfY/HzOtGP6nnlHT07fb\nZ3EamGnysziLr4Gn+JMnwdJbAF5+vmMUCa9NOI+mdYwYZ0gedObv5d+gdHhc\nBVksqgZMMMKJRM1b0bIs9XTqWb5aSgHOkKtf6iyUwHhpEi22Nkt3GRSrCspt\n4hba\r\n=W2nn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.24b4159c"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.24b4159c_1548446223044_0.7626902065333976","host":"s3://npm-registry-packages"}},"1.1.0-alpha.645f5f82":{"name":"primer-pagination","version":"1.1.0-alpha.645f5f82","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.645f5f82","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"06b7f16baa5a915dd02fd89c70f556237b41bf5c","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.645f5f82.tgz","fileCount":9,"integrity":"sha512-nckNsAZR5ePamDr+dMgftLyzuPCGcWl2smDmCd7LsTnRpklQoeSN69wtg6xLO1D1sAnVeDAv2/b7Ku+1Cr44Yg==","signatures":[{"sig":"MEUCIQCAOE2KtYTB2xDvVfjBrzu/IaWp6Oq/hyohUQ4Ggy5JXgIgBSwG9YELaoU0wMmK3V2ucW403BHD7O6xLdmcg+CwhyI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcS4HeCRA9TVsSAnZWagAATgoP/i7m1vC6B3+H4mevDbXW\nSFvCGjv33oi4un1z8SGqPTdU0VO8PqwWa3rkSAyoNNQRMo5w96uM+D2oZq3Q\nHNOc0iJUrJlYIgsral513Ldk9jMJpQ2C+qVZR+Rlaq6SdyaP5Z4Fzl2bmPiP\n8Kt4L1NS8Vy2wjkFXW3Dj0RaYjSTuot7wPtKrw+O7Ww4DIk5UG1Q2/pA+jtq\nJ1fAOROEF6pL14FhjuDIUrFAJEgj+wg+OoNqQ+nXOCYh4q1Xucu+AcaP1Zda\nCL7SBE6YpZN+6C7zSySK1b5bNCU9K1fgVKUzYbxL++94O1AVpeDnejSwBje7\n8ZxQEiulPMhNVnO0hm5KG3SXp+7SIYq1peuWU0ww9wrnG0g5AAmxMfoY5/3Z\n6qa5j3yYpPJRN+KrPv3VWZQGdAve19L0mrqodt9ZJjJYpq1LdFx6OrzO+Q15\nDM2IBZREdVBcvYbP7SmWLMaYorpH0GzUC8aDvb4cUV80fu7fYjeU6OGyygtg\ng8xPOQ7u93AdkOljPsRPndXXxdA8tDdH16lHtFXwIBYidSA3Tkt8x+3fm6Fw\nFilZwjpbCm7Ok9IpcDbUDybUYJmqyvYvcC+NEtbE5UMsXAU6wOHJgfUbQni9\nf+6lX1YP/wVAFERAeSo1BvUDHE5uf5nmCDoe24uS3bAwf0ht2auMt8f/a9/9\n3bGA\r\n=jOPk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.645f5f82"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.645f5f82_1548452317974_0.36330247784475667","host":"s3://npm-registry-packages"}},"1.1.0-alpha.10e3b361":{"name":"primer-pagination","version":"1.1.0-alpha.10e3b361","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.10e3b361","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"0eacb959888c630ca4f96c98147c48893e23855e","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.10e3b361.tgz","fileCount":9,"integrity":"sha512-oUXoy2LX7H8fOrsaZgkD+jGDcD54Ro3iI73WpCZi3fiPBEwnPx1f9OlE6fbJ37wz5WWwWKh+GITy3gv0X9OKoQ==","signatures":[{"sig":"MEYCIQCEDIipUuAz063O4vT8/Dy7b6blPFhQrLPpbMWzTyNmSQIhANMOtbc7I8yxY0jqjB8h5u1IIXkZysEu/lrPKYRmxBFM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcS4SHCRA9TVsSAnZWagAAlGUP/22+TGyCfxDpVD6VtELS\nX0ZcxTMC+uhICrOqpEAuuZZ+d0W/qhxGioxVKdMm51pg6ai/+hqg2oSOlD9N\nLvh9eO/j65okE2kV6CNRSkV2of48LPwU28fII+UWOeESxXvm7FbKjp5yavHd\ns6BxJjV2f/bT6HKgLH6AYYbfRygQ6tbyatZUWjXWh20L1RtWrWMFFFFmCWci\nzTlfeQbJJ054FQ1aWNZEWHJehpAiNH03RB+Aixf2HtlOMRgDKu/HhPrWS3Cz\ntpTzY4R/Uv06qpdNj4WfXd3Te1ddO/qa72GrbGRnHSBnlCy5q8+/ua4oMOyo\n0kXEGdQyyBrYYRFfvyB6xYEcmSy4iiD1jzjggUYQ+UYVhpVAMFVbp/N6FcD5\nQvFdhzMb3HuSOYjoyXeCapCybdjd3Q8wolYbfAYrWrTn8FyLk/5oGLQVHJ4t\nPeAbyIsGtcTjh7odJlhREbsh9eH3flYwIIXFeEpHXe2vDnVEuCScdN0I9+0o\nbbnEOtduLIuhiYZaITYN5+e45OfYNdrh8WdIuZmvVOmPGyakwBhzcqzCp0BT\nJxG1+psHAVGcFIp0FcSIbsVxfvISIb6TN/02bgQSDFhdG+KufKllThW6PYEu\nNjii7HeI1dtBmlgq54xUZGxacAqaDcCQBNu8xfNXCIjiuSOzgxifjfQPVNbp\nnpih\r\n=y77g\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.10e3b361"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.10e3b361_1548452998500_0.4200123499111226","host":"s3://npm-registry-packages"}},"1.1.0-alpha.b78e8ab3":{"name":"primer-pagination","version":"1.1.0-alpha.b78e8ab3","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.b78e8ab3","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"9ae92e8b63002392b33dc4c414d895eb0876bc4e","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.b78e8ab3.tgz","fileCount":9,"integrity":"sha512-gPsmieY5zLpp9cnsFlWYHb6oLza5w2u9vxexlR/zBgUkl3X5jKboiA54eYsU0x/novMFcwQKjAd/xjl+re1WUw==","signatures":[{"sig":"MEQCIDe0OLr8+rFQicNhmrkmdMrt/CT6cwfQutIeAun9eFdpAiAObW8EZEEngnO9PzPQGIPhWofuSxVoo0wNTtebxJ2htw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcS4ioCRA9TVsSAnZWagAAQtIQAIc9hKe6DOi+S/id9ejA\npBosXk2Mr4jvNGFZ4jYfAMOJ+TUhUZyfApzZC4rKcQaiEtzdrsGX2ilEdbE0\nHS/F0fpROQ9yTs4wTF2+HP4utffYTXSl4pOxB3G3t4Ny7w2nGWYHvM7wLA4Z\n+0fBQUNePVP92coIQHfrSVajk4lkRRE52xVcFL/Yne+PcFBwuuvL7XujrSYO\njLPSxbLYMbUL+ij2xISVpGQzsM4TOBGmtB4H7X9eBr5YyvPYYRXkJrq6X10z\nIFu70I5dyYrvzk2Q2Vo5KwkF+Qo5m0yboMhKKd8e8X8ExZNVuAaC/sGs7s3Y\n+AYZs32h8JGQ2FpLq2OWaB9uQ7LDREIf31XbWmvT2P/Lgegi7DIRPzu7ML8c\nX7vHs/LFrmKFVN658sEnOUfsDeguY6s+KYkytyg+te02oywcbanbT0Ksjo9X\ntWjOx5fLC5A69QAM2DO1+EzBcpvkymvnugEfC5FK2jmk4SM/zT+zkqr/uW/6\n+3xWTnHhjPBircZruPXU4kJbQwZjQUgqRtQW8we5vNyiArj+NCnzgbjqUEZm\nBtkTiSjp4/ln9lbu3ZKFoL9j4v5b7kmPgT8zPitpe5pFtxcULCxi9HIE9USv\nozp8VUljamsZBJba6ioeFdZRLgUsOAWBk1jpGCQRd8P195dJ0XrceLl3qTOT\nRkvt\r\n=y+cs\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.b78e8ab3"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.b78e8ab3_1548454055440_0.5838114400498093","host":"s3://npm-registry-packages"}},"1.1.0-alpha.eba8f309":{"name":"primer-pagination","version":"1.1.0-alpha.eba8f309","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.eba8f309","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"a2a43dd43e52c6df06ec64e08eb023eebeb73a50","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.eba8f309.tgz","fileCount":9,"integrity":"sha512-Gei/LsIWqzNfs07kf++iK7PKzRaefevFeTnDFzyxGs3Z8j/vZTMfvVmrrVOFsemZeWe8zKF1eITfg9Twkds86w==","signatures":[{"sig":"MEUCIFnjal3CPWf0R6GyLriK46gMFY9dy3vRvBQ/rycofo/GAiEA4nt810t3uLE0P9cZxn74VYbC6Zs6UcBNHF9znZKPufg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcS4sSCRA9TVsSAnZWagAAdJYP/iUPQMwSGu0painbCHfO\nwO/prt3/lQSvfULrahDykq6EBwzEKs+bL/hSf1s2Hosl09mE1YFVQxgo5g3P\nv2kdPdxruP8ir3If03mMTBzA3z0q2ZOGoEqNamwwW3PLTtMGWONUBeClC2AA\nBn/YPpdFYBjZqpqsu1JQmXRloTfZTSuBqduw6OsFZonxFppjJgFdTFF7pvto\nIBRpv4UvDr3gj+KLyZZA1r7WPqUDg+VcioRwO0mPNnirDtzNTCmqJq0vMM1B\nA4B62uDgvQ/WD5GZ/SC34Z8bQBaTdZzmLMtMVgV1+/d7GDk89PbLTKgeYzz+\nL/9u6nrDaoy0Bapga3rsgR8hzUNVpMEervUw3Dex1qdTeXDAijpEPb80oDFM\n+Y7+Vu+sNzma9OnZWqKg+S6L7oDYhPZ7ym5tbYsz548F1djjBrIPxy9B1joD\nKxHM3Rf7RAeS6Xi3OHeo4/3IJEGz3H3UT5EY0j+GxkFjMtelmSyZd3OqU4w1\nkswVq5vq0lw6K7lHndS0aR4ubJXzde+LXynq2qIs7cmW138zQ0ve/APuOvCQ\nEGcSo/n9GASoSVYI4TfDryuc8A2mUDTwzDhXbxv7sKzxY2TPrt1BEimnY2Bf\nTChnOY/GmpnBpv+/sBdIWSUBpEenrshiiMRbrA1IHDS2rUsDeIr32JNVBLd2\nCEbF\r\n=A6Dk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.eba8f309"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.eba8f309_1548454673038_0.006708295840176959","host":"s3://npm-registry-packages"}},"1.1.0-alpha.a75d1fb5":{"name":"primer-pagination","version":"1.1.0-alpha.a75d1fb5","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.a75d1fb5","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"cbdb193e70a5d49cb41306302dbb59bfabd204ed","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.a75d1fb5.tgz","fileCount":9,"integrity":"sha512-q6lcAO6AAqcNWrHpfz0B9FzKAJoDxnTpyHGQq2mIDKxnwOmtMhGolC8/2zLMiw7w1+eJ7gNqFlyVENkk4/benQ==","signatures":[{"sig":"MEYCIQCkofmmtFdY4/UiItgT7wjxDcrH0u9wR54iVssMDLFN6gIhANm2wUw2TZUA+VU/KCI+LSLN/OKgzgWXVoxB9G8Gv/Ct","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcS5bICRA9TVsSAnZWagAAdQgP/1sMqBAgam+dlCZMfPxp\n4AVhJCT+sChvKCksaGIc8OnEUlPB/N/wRR4UdMrH3cfwcWZxBwO28OJkhrAt\nZM4FEGBjBe8rjrz5Bb5RjfIejo5WyfnHU6SLiAe3K0noLEAUhJbx2GTuudV2\n0wgBUDxGrswycvAXNsWWDV0QzNeHOyTkggp0NPVWYnfMp3JDOvWHE658UWcX\n280DJB3L7qRnyWjFVpgkphfSam7WbSHD6Q08XGpeo7oKHQ5vA5suaA7TbbXk\nQtsBOe7PG7haqImbmEDZhjXR73h2i7wPyahFLy98fOdMm/NqzIi5VUgK9nro\nXQeY43aS+6ye+SLWcl/TmR+f7/Qt8S2aF8BqE7RCP3PXKXMlrPSQ53Kpo2L7\nKm+bEgKAYb1+kXL+3B43/GhPI7XBGXjnMYn22+QGdq9FBrLxwcHJGlL0KdyG\nP0exnIgvYqKkGUzmvDJ9k0dg0PzB8/PcA9cBrTBtuorRhJPRYPPDtYxuOm83\nxzAFKeiUhohp5a7LnlEPbUSa69mc0m3Lt+WGpgMXClxUgL0iZMtWvYikMs5A\nOyOBBUfKGP3WRT7ZjFUXzFyxyOHud0Uxx55VA/ejtpDZDhkPQOKjEW5wFob3\nTIyDkoWmuf6W9EEQ/KNR9x6Ai8g/EwgQT/FwjlFlFaneGtZsAfkXsYzNRj/Y\nUw56\r\n=ugZD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.a75d1fb5"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.a75d1fb5_1548457672337_0.9740918220760464","host":"s3://npm-registry-packages"}},"1.1.0-alpha.78600794":{"name":"primer-pagination","version":"1.1.0-alpha.78600794","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.78600794","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"f23b2dfdcf6412127eedf79bf5fc39ea4fd36005","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.78600794.tgz","fileCount":9,"integrity":"sha512-W+IHrRiibyOeYS9RZdNigiHafFtmOfJT7rv6hLygfJ54I69fa5dW6UOdvKDOAR525/ngOoT6ZZ8q3DXIUpqCHw==","signatures":[{"sig":"MEQCIGyowgs4PfzocAiXszNYfONeNeXcW0jEmAV3/3BuYLSrAiBS8yI8e9tiZE4+8IxYfJopRr6tUcvLlL1de6+9+TiK5A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcS5dLCRA9TVsSAnZWagAAYJQQAKKStmWeg+ZbkcqZRjZi\novVqVlGuxQhgqK/sKgglCSJ6eHbr780WJ3raGxCgfOB7MV4Ztt4Aaa07cjjs\n+Gt9yTq98E1vS8y1PeNI8noWhyAZ1rnOso0YtnzVaDSPkFQaDPAhpdnw+Xo1\naUNf+TBNlHZP+xNq7jHiSzNeDZNtUrnMZA/svAdNVhSGB5v0JV2gX0618/C8\nUzd59W/d3ofb++KjRxhsXUpgwp3420jOZA4rOUdBHLPa15JQkCc7vQMhnUFY\nIm2oPRPIC1xm/P2OIRs8zZEZoIQVE3b1fguHTd7Jl1h4U2rBocgsdsNIqZnU\nLfEirN+ngwgtNd6D0Gnzl8j/FE7hjDhvtlfh9KIDraFDnw+pgY9wuHYeHYZI\nDRQDIhDiG3N7C4dsWNE7dhEYYDoZmtnJdLtLVqT2upvEt5jWPX2YYIjnWLvt\nT5isxXy+ruIJtHo1MWrhsSyNobZ9Idmmy2LDnrqN19aqejgUmAYr5TCGorxV\n1imGimjsdK3SIqv0YGx1wOJ2e6Net1J5qCPlPK+4Yyb2R2sr7quNnq7ldPRa\nws2eroHJuEHpmaIS1ohfdAE83FvP103Mlf4UVN521VM3dLI24CPG+J87yRVT\nRMhW3OGSwV9IfgYWH4NtL2p/W4hKHovVXPjapc4oF6C3rUv2GSqBIZR7IKzm\ns6VA\r\n=ZLUZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.78600794"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.78600794_1548457802563_0.3553794019136407","host":"s3://npm-registry-packages"}},"1.1.0-alpha.55f783ab":{"name":"primer-pagination","version":"1.1.0-alpha.55f783ab","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@1.1.0-alpha.55f783ab","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"34498cee9615ca482c192adf9cee15aad6b1abc5","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-1.1.0-alpha.55f783ab.tgz","fileCount":9,"integrity":"sha512-9qFEWww6cCd3Icj4gDCCskkXLo816r7wfauJHsSScYScvX5Fx04OM0w6J14PJHffglRrcFfu0/Yy36S4WS77IA==","signatures":[{"sig":"MEUCIQDOHIvRt98JJILJBC6cNSR+Me1J1C6rjk564vAlZGhF0wIgNgrD62OtAcWrdKZIyI+tIfoK6m/BifRGBy8vAfQqiU8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcS5oSCRA9TVsSAnZWagAAat8P/3S2Cba3wb0KeirueBs6\nYSHz68qIRw2JGRCqZuOghcqdt6d+g+BXWTXKU3F2FNeau1SAV54TltR5WyTc\ngMKgBRIdw6RsQyKPMEYVNEIFvnzkHarz2bJIAzf44uzH7Wn9KapX0XMeAVWS\nhBAGLV1Dj+tQgnUxqR5keD9+2c9F0HAFlhFWkjPpVsvvJbnSIQM+DifHpDKV\nbLCwUDc8EzwAt5M0RagROr/bC0Ijmq/si2Bbaand/62Sg1gKmhKU3OeyjFKU\nCOzeJob7X1PbCuFPjqRcxA9w6OCqUTw9fctBc/FkFTJYCXJsytVmhjJbTFUB\neQDQ8rZEJz2RJJA/hfpwZ0dQkCOnXJC+KIKuB8FTXCCWz+NKzY6mkrEyymYj\ntkN/SxhFc6f9/1s/sa39Tqtg09yl17e5dYRB8T6FkzAdnNyWnqaZpqMnL/4N\nAwnmL/GNx2XdplcdwZAgYDms6lrsrZV61HFJ9hgTeIuXoGc45Go2jyv04nCa\n698VoRMQI3wJQQ1bGFlIZyprRblE0uIsiOzkklOpHkw3fr/10AYiM94H17w5\nDRNxZl93VcaFK3T2RLvjKWBXO+Vdltvfo9eErhN6AjvjEpRL4Rilh0MlpfKc\nvLYYKVCBBI650P6MVK1ZVr21BmTQ/l9iJv7OgwJ+g6B3SNOPUZ0EBwAMtgtK\nNLsu\r\n=uiHU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"4.8.0-alpha.55f783ab"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_1.1.0-alpha.55f783ab_1548458514326_0.5565781979079609","host":"s3://npm-registry-packages"}},"2.1.0-alpha.dee1eb40":{"name":"primer-pagination","version":"2.1.0-alpha.dee1eb40","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@2.1.0-alpha.dee1eb40","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"ab3dcbb14fef5505f2009845162d73fcb0f8779c","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-2.1.0-alpha.dee1eb40.tgz","fileCount":9,"integrity":"sha512-Fo/rwK/Jm/PHWxV8Tu4yI0tksKqNObo9XCuhXKigOeC3DwtKAUPjZbIZ9xwFu647+omX9qSLQ5TMHFxUV5RWVg==","signatures":[{"sig":"MEYCIQDirWyBTheTd7JrAbrv4GAU69qEq832PQXIUYevJYeh6wIhAL1P3LRX1GADZzYYdC51RpO4awWBufqyY3+PC8CDeGF/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcS5sdCRA9TVsSAnZWagAA+sQP/0EGHOIGCUvL2hBEEGRj\n663u0dDdpjcwzf5ZbWdZfGk6Apu5x2SoQPBueyjb29HbHZ8/c6HaHLg2KvX8\nV9uE4qM07bzYniAIUAoE1K73wxvRI6/v1xHxl6IvmI+ZIiK0RaOLPuF6sbhL\nE4+s3SyLtEOo/iofTc9uNDU5ujDs7zDpPUkvyW977GTz7EeiXL4fUvbkDpex\nsMzLvUmFxsBgruV6bfXSshIGhMwnvijROgYm4+9ItF22QFrAm1djLbyfzWGN\nMIqGj3rNfu6tVMpKkmNQt1AgclEAUKrXP0jnh9TLIx8oruCC3NRWl4Jf7cgL\nX5khht/Ycp4NczkTQUYbLZn9r3v3Z6yXyb6/yVHJNe7umxYJrP7S9rZuLAV8\nVtP9KOIQvy+BwnHmTax+/KP8hZ89QN2EHoVjL53UXDWGncx+qMUl22OzFrmX\nSlN4hOcTMbJFazEeW81uw+jtQq1ixMhk3OvLNZ6lrhG04N9Si9OIs0GEEySR\nxYJ2kTdt15cIdo9adZBB8XTG2Yf3ZhwIkdNRt2a/37M+ljMWaSrmt4kAkl10\ndobyLaY+P9fNygdltl/jt4GMVPxn6R1GSJtfhg9z1rJkK9byWmh92XNKnSli\nyIz3ECV+AtggJN6MaI6m6pQwf1pNechnn+/tNAX8VIerwY8VDKWiVjvcIRoP\nSF5k\r\n=ETK5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"5.1.0-alpha.dee1eb40"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_2.1.0-alpha.dee1eb40_1548458781220_0.6798571268368616","host":"s3://npm-registry-packages"}},"2.1.0-alpha.82c06bb2":{"name":"primer-pagination","version":"2.1.0-alpha.82c06bb2","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@2.1.0-alpha.82c06bb2","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"fccb01acce47c4f8bbc72cfa752356f8aaf1cc2f","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-2.1.0-alpha.82c06bb2.tgz","fileCount":9,"integrity":"sha512-zXi+wOFguCxUGooHDZBOpIjwE8OIaB6WMO8tsQbD4Y45eFun7OlyPHd2NLj9cvDbAiBskFvIlO+Q6OqMm0qDPQ==","signatures":[{"sig":"MEUCIQDamm4JE+A3RancKhJc/kNAWdZDE/uBG1xgAgBFmLUGJAIgE1+0YYibrdhVn0LhXkiOxagAGRfO1Xv+w+Kzc9tWo0M=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcS6B4CRA9TVsSAnZWagAAQA0P/AkPvJOCeFoSRDdFWluS\nUpu4VfPtgkHypgRlaerWu2qydDviCGZHVOm7nT5nQEBEgiA/xPvxBtGUJhph\nc9y2Y8XakEzpzFKY6klTt5eydS6aKsU+S8Qz/WPxk6k3ebk+RsMQDZhCFWUO\nJ50/vxNMBFhZVgTnsUMp5HvL9shYY6h7cEf/cBrGJOpuZbSIUxhYSao+Z2Nh\n+ARIbN41XyIT1oOTXjqmjupBLkiunx54Xh7RR2GbDy/VlEL0bM9ovOC/ntDf\ncPgDna42dneZOZ/JClL4Dc66jFQGPPUg0YXZ2/yypC5EVeY1tsE1bEya3qvd\nJ2lijtPxeC+lSsdbgMnxrFfekvE85ea61hSBNSS3Y1HVUKnrycNrPElo8vui\nJ5HvZBxoF65zqwAr6avawlmMjCnL4NCVQeWGQXvQgrB3EYpsoB2bY6/3TYYY\nFtof9C7IGaoNKRLeJxp57qBV91CZKdUxt02FtFZ+orLin5Fju9KSoQyo61qH\nHfJIf6hJVCaQgRO+s2URLkLLHVxIIiJBRrrAlUdbuespyF99XdqN2Bp9HZR5\nB1w4r+ZbTdlNgLfPqFGz0V9plEw44AwfdTmNHl7kluF7PowKa1caIHQ32W+N\npbQ1jGu2Kv8eSlwbDnwK6vhSiMn95hiy/P+X232nPD6BA2dPMWjCa8dSA8Ol\nM0+M\r\n=Cl50\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"5.1.0-alpha.82c06bb2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_2.1.0-alpha.82c06bb2_1548460151414_0.08819189188267562","host":"s3://npm-registry-packages"}},"2.0.0":{"name":"primer-pagination","version":"2.0.0","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@2.0.0","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"d034ffde91b4f819c38b4df27be4ce851abbcb6d","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-2.0.0.tgz","fileCount":9,"integrity":"sha512-+1BGHkNJoJtGVkfWi/IUP82MlShSrPJM1my6da1UnfcRBhONfk+7O3DXT7VLscXYk11rYsd/pGKZ8ZPH4DAvsw==","signatures":[{"sig":"MEYCIQC2yyffnrRjHkcbOBCIcIknRvoRKwLkhandPkC2xisS4wIhAIOjyF9b+VdT7xEz5mvAah/3hkyB5l6vrby93CNczLyY","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14570,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh23K1CRA9TVsSAnZWagAAw2EQAItjJyEVO4K3kpFp0qAd\nSOlBc/16D8Q0fOLPC2FR7e5WkCs1qsU+fjSKDehBe3Eo92vWfr+z+oA5KchK\nKpUylFWiWTnB+bQX54RGJWCKWP9NTi2ChlCBLH8HoD9PlJ7xxzo6RccUentf\nj42GQS6JqJiMotconc/W0Eyo13n4OstJp1XLFhMjSuvgyLSff8+mOkkrpNmU\n8U3KbtNO2vwS5IgUyvDpvj1jfo8RSx5oTwpXEJ9lyCLZW/8XoRbNAQm8QKsM\n6EaMROwBJGim585tR3dQ6rlXGeZV006NmTFHSJk0TIf2ydfKOHRNPY8myWHv\nqO2Gz+xDU+nnSZ/uaowBjfs5grAHXxrl3CfukSV3GUBS1rkI0U3QnFVMF5Ar\nWlt/gC87nVwb7D3GQc8YiPtnTC1/qPNCO19o3ldPwO7nBAJcJaYpnAKq6TCP\n/eMYsX+QvcjU7bIOncnICDMb+ODeQLjBtQ5WgpMaNS/IdPc5IA20zog1+oix\nKshxvscu0FNiuDRYpONNPoBYbpd8tNf1dB/PDjkRszqzujXwSy9DgG/TjtRJ\njmv2IbqyyCQgSIrUKD1x6WdIDPmchMznUIQTRXrSj9+cpcEp3FfXR7lo6PYv\nevcu2GMwVoq2NS6bQyzJWWGr2VtIOrf8jG+2d26y1Mcl70OyLNd1bjeqLvAN\nit9A\r\n=KBk/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"5.0.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/primer-pagination_2.0.0_1548460838207_0.9081349182491918","host":"s3://npm-registry-packages"}},"2.1.0-alpha.e45cefe1":{"name":"primer-pagination","version":"2.1.0-alpha.e45cefe1","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@2.1.0-alpha.e45cefe1","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"67c0ed5e45125ba3e12012e37bdae13c6c52f504","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-2.1.0-alpha.e45cefe1.tgz","fileCount":9,"integrity":"sha512-aLjciZRl75zZXDdcwHIZ6cadfIqUuG67bveOfi62/+FODfdmcqfxou7Y2gx9jqxb77MS54XkLDa49XnuC5Jk7g==","signatures":[{"sig":"MEUCIF3DnDP2A4AN7PX67qXE8Zv+i8TO1nixKE73i4OFyyQ7AiEAmgszqBGwrRAiF1dT6u4vQ/CgUNUmONtsL9oSCWhtH08=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcS6QmCRA9TVsSAnZWagAA2EQQAIxtgA/97Ask7hxWsTWg\nKXkv1hd9Q3S5qPwtV67s5QeYbr7Ej9wCsDP6C8/B9zabDlSNCVn/R+ZEeyAX\nz+qFO3rnx0bricOVE1ddrKlf43Kx/3ErlGl8KAbAM51xX+ARxWogucbADeMB\nOAejIEhNL5nOcqTcq4wHEICe9/z3I+BW589Bog+ijISX6PpxwQHSwV496WZr\nYfFAb5qLyQtsF4PtKM3tRDssJ825OM3rJS1V8jMW2fODcOK+GiscD4/UZc6M\ncWxWRN/ykobxNF6aw6rOagX05doCQ8FJECeE7RWK4rvJlAz1WzlN+Smmq45l\nADSbrXt4PM1TWoP/rSheWGw2J8ftvub1vuUL0XBxeWUGfqrBYHCVUdIRZJdx\n7nyPgzHCLMrEv1UXHbhi3WUBgKMRFX+6NbSdKCQ/7GZHrFa7XJRBiF0qen19\nRijR7UGxuMw7iCrxBs0iB9eIM5typb4KPQwKUw5EJE3LTrvKapEdVPN4bVPE\njNI99zqqosvJ74PoIiJFFHANsK/j8q+zAN62M0DbatHv5wY+H00dUaJXEzBx\niOxSvsCLElay2PkkJjmomBbTju/kinXMT1zCedCSzxDynNVJEXyRSh8ZnuSh\nILMhr26wGlOhozAhjIsFVGfZClDZwVOq3yVbEE712K1T8HPYWFSBFcDthCu9\nFIIK\r\n=T6N8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"5.1.0-alpha.e45cefe1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_2.1.0-alpha.e45cefe1_1548461093736_0.5323698497564859","host":"s3://npm-registry-packages"}},"2.1.0-alpha.658f95a6":{"name":"primer-pagination","version":"2.1.0-alpha.658f95a6","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@2.1.0-alpha.658f95a6","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"e8bc93963a5475aa4f1941ad4d6665d31e581c1b","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-2.1.0-alpha.658f95a6.tgz","fileCount":9,"integrity":"sha512-7GAJryzKHLxu0N2ycIeLMmXH3aa1Zb8i4Hnggz/HhRyx2uxl3hfi5P1qXw/e2iPClqxvJmvWyDmW3Iq5X4ONgQ==","signatures":[{"sig":"MEUCIGR41rQtD4iaCyriW6V4WNsVOKQQWGLrrpmLGNRvVXvpAiEA9awVhlXxYgi1/tcheC5yvH7i6Ju9nYDceo+jVmnLRfs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcT2bsCRA9TVsSAnZWagAAe6gP/3JSmFfe3zN3AuCybgq9\nRCviuOVqmYsew+eN0moWoTm6PnmUVv1wOKnWlwXoSo5xh0Ex3Xh6LTa0PtMc\n+nZKsUAstY+ZT9zsrlunIWr4Fj+DjJMxLRSB0sWeTFdsJs/+/mbalR7g7D8F\nk+//CwM6dMBsTM0OtAjdainiwpmOUh5xuEMnLChFjRHTX9b7AuzT84IMw/sI\njiaDdep70+7jzDvhtO7A1+ZQuTnJboY/ON+Pddu5aGVeefnrsROTSdema04b\nZrUUUfCurcyObx9D093Epan4w8hz0t8QhdnRqXbGpR9CT91M0nyWko3lxLnu\n7RvLGW63y9Z0v5a7nZ+R3FDtH5pi1xJs7xfd8uKIBINKP9cIJq3KzcvbeyV4\n+t3n4feuQdE/qZnjI/qsb7Sgky1xOwZ4Pu7lT2xtaHRQObTtOlaYTTMLYIHP\nByjDC5AqvfJccEwt7ioKTKPsef58MGYZSrIkMqgSDLlCqZ/2nP88TzP21w1M\nMYXaZoFw6+0zp1WhjLzvOYGXREJAhhXPagzXY6g0ZsjZ2EH/SsvjEd0Z9JJK\nhjHOIyKfEu6OnCiDUETk7Uy8fUSrQDx27jpMzxGOX/Fitec++j4FEf1tZJfT\n2laVfk0jZP4dvllS3pM9LxR+7e/8VAcr1x2rLuEhh4BmZFEqP/FK4P8UJ1dZ\nCQ5z\r\n=llVk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"5.1.0-alpha.658f95a6"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_2.1.0-alpha.658f95a6_1548707564247_0.39045781557910053","host":"s3://npm-registry-packages"}},"2.1.0-alpha.12fdfce5":{"name":"primer-pagination","version":"2.1.0-alpha.12fdfce5","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@2.1.0-alpha.12fdfce5","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"ceeef2e48da39a37ab87a20663f729d155738327","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-2.1.0-alpha.12fdfce5.tgz","fileCount":9,"integrity":"sha512-yQBEDFrdmen/eXHzTsG3PWx+j4nsfVA3FUki20iE2ZXvuMYcXAV7DU9Jr2qU8j7KR+R9jrJOLh4WiXj5h0md+g==","signatures":[{"sig":"MEUCIQC+at9+2dzOK247REp4K9jN/SSwSDD+UC1cudUO1fWvJwIgSrrQUBAfi/ln52CwSwtHYDjNWR25hhM+Sbj74RQPHvQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcT6L1CRA9TVsSAnZWagAAZowP+wb8OVlthV2Kbnaj0+2H\n9MqrDwbyL23LB1TcEGwg2jRHo+z4yAO50GCRcQRIHO0UJtMud7rmSnyyYz1l\npZwXB6yVGafXtnbgFaQxdznNBJiBGQ6+eeDWmj6hMwBvHmGg7SqxjP6Bb6Uk\nDNcKzXrY3qJ0svZxgvMg55r3n0vdCljvBbpe1g5fOAVsuY37OSTDhOV8Y0Ke\nLfd2tkU1fKUD60oVRjIVI1m9kljQr48uYvrNN+AeMZiTvidiayP7kKn/+8kL\nvWns0SuRSC/ge+yOUjh5A0e/PbLkvfvcowoiw3I4fBlZ84fN+fqmTvzfu3Pd\nTRCG0NUssDRzjyey4QJk8ojJMUlfRsKphqvzWpEqksZGCdcIiC9mtYq2zVpX\nMYwUaZhUKjti6Uki7spnXWPSN751GsUA/amqU3TPDyDxra6M97/5U+dNtzSW\nTkJL6+YiEhL5UikbBaHfCeoVIxWNiBAkqnx9PWtgYj8w9Sd/O9W83ODYeHed\nh2vvumU/TtsX8/eO9e2G9ameN7XpYpheEK7HNGrWy+AftkXJ5BdGYymNaZgc\nTB4lguEuqYFkYg1xNio3Bx81egnmcyC4Qz1uhUZ+9qncMwfR2wOnDNvbnwLR\nm7wlhU7BsZfrL9eEhGJLKQLgppWrJ4MkPc92PrDYFkaS+hUylrtDn5YZa7BE\nFnpi\r\n=jnOc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"5.1.0-alpha.12fdfce5"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_2.1.0-alpha.12fdfce5_1548722933035_0.8575967520358465","host":"s3://npm-registry-packages"}},"2.1.0-alpha.74cf4cd4":{"name":"primer-pagination","version":"2.1.0-alpha.74cf4cd4","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@2.1.0-alpha.74cf4cd4","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"9a8e7b9fc9750d52619c8e1c521660d21aa5e7c9","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-2.1.0-alpha.74cf4cd4.tgz","fileCount":9,"integrity":"sha512-km9zuHfFe3jHsak0xDmCRXC4j2lV36BHzlCoxukPkrp7MUD7ug30P/Z+qDEd5mTWYhsUenovMMU8h/SsFqLgfQ==","signatures":[{"sig":"MEUCIQCz2RP79KUyWYR8BxxqSxA15C8+mL4BqkTbl/Hue3/KhwIgYe3IrMrXQKC8T0oNpe1HV1lj69dTxtCcTx/AjJoPmYc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcT9v0CRA9TVsSAnZWagAA7q8P/3HUzoEHb1FLEJ6FFomQ\nGLmqOBeWv1N6VK60HabXoopTnVO+rO/4+aDiR5znOoq9j4W+FMgzjIn0qTz9\nssmm1hkuRN+woLAHtjCJZXqpPDjkgDmWxtuhsVarll8odEWo4erDTiHz7XZd\nACRkyb0iznAnougLXhDURNtt43InhsW0pfUmoVd82sH0fd37YUOkvzCngKER\nwCMpEggK9phoXcPfWud5lCHHdYUd+/Als3HOYHIMPHDZJF1mrBYUEbhBXnoN\nOpFPrWdGNvTaoc03LxlStn28XcYB+EN+8XpCX7aK+fKmfepBrOc3u0wakOT8\nokwca9BKyGUF0sUVJopQgD/XNZqIrisidLYoDe4VcnnShEUWXa6+uUPKrLsK\noU+oHHUd9xo1XbMG8dXCLYZOhdG9arPqn5oF+9GUrKXm+yvqXLo3dVAAZSij\nEtYj93UvIGVIHMi9XA3xKFaqBzgZn7v8ywFdPk6/NfIg2+epdG04zFWAzD95\nnVPPHfMQDK8cZRWvq3fCLFtzau5JauPRenrkFPgTNGlzylpqYo2nonxyk2M1\nOtOhGS4EZUfi2oHJkTkDu/jOdX12s69kp9g3iRJVdicmV8xdgooVW6dj5Rgf\nhr5mcngwwWGMuT6OeWNJMbG8EXLLdNVyqF1luXoNgQIHaZMkuQMNX1s9bzbl\nLTGp\r\n=a+pz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"5.1.0-alpha.74cf4cd4"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_2.1.0-alpha.74cf4cd4_1548737524404_0.12071719604399633","host":"s3://npm-registry-packages"}},"2.1.0-alpha.0a57e1d1":{"name":"primer-pagination","version":"2.1.0-alpha.0a57e1d1","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@2.1.0-alpha.0a57e1d1","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"1730597a7ca36557c46e71d24686ea06009ec74b","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-2.1.0-alpha.0a57e1d1.tgz","fileCount":9,"integrity":"sha512-xTEEruEe42ijlipqyqRFlcdJhkjNPIFjCIzkIyIi7dIFG6O2eLKBLPnJBr+4lrg+l6cTT0V8Ov+9HEmbgH7+Lg==","signatures":[{"sig":"MEYCIQDwkNspE/7LrHULz//MdFpIcjwEBH2RgFCDt5CyeVc+aAIhAOxHUaAbNRUM4zDzxw8QW/F2YoxUO8s7Ctk2deqZozjP","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcUJsNCRA9TVsSAnZWagAAGwAP/iBeFpkI2/jhidFDa+Qf\n4AO7SWsC/u6A3xB6vkDhtf5B66PsaWmlI4LxWKEvDBAOtnAPXgIxuI1fEaS6\nICe4uekRu8GtvJNyuUI84Uo/zv9MdwZ7HCjGVMl4kjECuWvdKi1J2Qb2jawV\n0OmRGiVhUYBWsXw5J5taNIHJbdD9XPv9ViLbg+0xu7e/27duk2RH/A802r3p\n0cqwH/70j4F+FIPiVLnNztPHncQy6zTFDVmueZuWQV2D4znrp42hd1f0PWfq\n2PB2NnWLHPq8IwCJP37bMlYmfkxppXyyW4++l1IBH2gZJPg3Fml8RvjQrdCb\nXm1EHLsNblKGMjjQ3M3X28yjQrucjOTkzXLV7vrj2OELQrVdP1hBaMPQ7NoC\n51w3cUSxRai+YKTn64h9xoAV71U/7tWk7a3s8H7w0yysqgPQLXFG0JCOMz0K\nK6SJ6EgrXnUFkHqoI62fziwywh/ZNzoKYwNvX4FgO3em4QMTTajUtnKza14d\n4wlwtHFEP8TxNqa3qzX9hyJOKQ43q7HnReTwHpiVFx3gamUuwGz3RXiOK9wl\nQoiaLT9WiLFEA+DqI16uAWBCFJ4oBSzikUzP1O9sPmHH4uFbLMuMtzL3eq6U\ne9djEpO9lH2WUNgq9IARqrO6AdbHiGznrMRUwgcdMnRseyxeNOCxmrCPry4p\n+x9u\r\n=2I1F\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"5.1.0-alpha.0a57e1d1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_2.1.0-alpha.0a57e1d1_1548786444917_0.8835250888167814","host":"s3://npm-registry-packages"}},"2.1.0-alpha.94655d9d":{"name":"primer-pagination","version":"2.1.0-alpha.94655d9d","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@2.1.0-alpha.94655d9d","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"3cf313fad662663808245f053e1e65f5955248d5","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-2.1.0-alpha.94655d9d.tgz","fileCount":9,"integrity":"sha512-jp9dL3ofIDPs+/0i3/YERTLjqlyWBa4lZNMjhalQP0GLFI105HakgYnYN6RHq676+OEEpy/Pw/mv78HQubEIsg==","signatures":[{"sig":"MEYCIQCOPm5nrV2MwXZ84GGOpEgxhWNGDRC0xmC77SPMjVSRewIhAPDyyZ3u9lqfHsVmbidBsQDLuQD5b3bW4c7aFP55BFNq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcUJ7JCRA9TVsSAnZWagAA6w8P/0KBPx41RB8qxNI0Vsr5\nYRORA4StUIBTuER/wSFsRWJko49XQeIXa11EjIaHgfDbTaRWouYI7SUBdrqg\nZJu3qgKYjmIx2WJWqjFy8iuSZvKKwnCYgMFQ7Vh5K15Ha2wKUhhTnwMHkJyV\ncZa7m5vKyBzBIG1g+BnDIxzr8bEByoB6Nj3q4ThJm1j3cOFBGBdZWd/JKD9E\nmAo2rr7rrZAxBJHUoePS92VB2r5eWIN2fodqjGHhULtp7qQt5gw+Ti01yP5J\nv9yU0gDR/5pI60upw9BGXkMZD3tqHdYpUKlLH+AlWkYVDf6gdKl750utoych\nQu8FQXD9dPQgJ4brX8JT9kEKOfPkIZVMY5P+Nk/zTiabs63zytmS2rjmCXnY\nIpnRqFJY78jucJ9AMtJlmKUVAKqV8OlydsyJ5KcXXhUfqKMCVJv0wOXdJZLP\ntHk9+opdgmFMmJBFju9tgsjHUirkSdRFh8ahqyKiohHexC2PGHC5S/SXBFbf\nM6R9eQTrhialCIOYpLuNSTHt+FYHB8s3ZXVw5JX2bNQYO2xoUOX0JsiD9tVH\n6AJeROdpXw6Urox4LMckO/RASI0MJQFNf2Z+tXjFlUXDOqjq/3R3p1GC10f8\nZTuwRYx3j1yYiwyI8YhLJ9vcjamwQJVzsmgbm2Q6rUtctlpUvjjSS2ko4MLe\nfQzh\r\n=uf0h\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"5.1.0-alpha.94655d9d"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_2.1.0-alpha.94655d9d_1548787400718_0.1592120755598443","host":"s3://npm-registry-packages"}},"2.1.0-alpha.8348e823":{"name":"primer-pagination","version":"2.1.0-alpha.8348e823","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@2.1.0-alpha.8348e823","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"497cbfd7156cd798aa95eebfb7934a13c6d2f4ce","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-2.1.0-alpha.8348e823.tgz","fileCount":9,"integrity":"sha512-j+FF3Yylma+pKTvt4HHbxIQ0wF07QsIIadbReIivzhCeGBupKgmFJsj50zEtNqJvUCz2wNbc8E+h2+4mm/ziEg==","signatures":[{"sig":"MEQCICI/xT4rCBGT8oiSfgfo7+MlRi/Lkd5s6TCRfMrh4k8NAiBPbsM/9lIoGYiLce3LeQG0gcDzjccDO9ZYAyazAQEuSQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcUKOQCRA9TVsSAnZWagAAT2UP/jXjNLJgKQEi4VBmX2pl\n7nkrdBCJtOWJr4A+fU+WB2+gorEszU9ebExkxADLZR+QSiSQNAbuTiir5ZgX\nmRR+EfQ53O52RmYXxSuowj4o/tp/1TI3YBPJbDEUXx+G69Iwa28etgOKx2KD\nNpsxkVIZZrqppWJx31Ks7tl6894iWsc9DHtapF0p7CsZtBzDNVfK2mfP988L\nxutB5dKoMVX7oMs73F+X/aPntaKMmCBTpdZLDb3r9os1mSDHWXqucLxPVdvY\ny+nn7zPSUEGFBMSlHXT9OgJqvuV/qHEE2SvbNuIIDgCP4q5wHW4cxEi7u+tP\nyhFVzrBMMGbt57js9XQpAGwAyigt1J63LHy8pkvtVuS9G8SUVoeSS7mqoq0I\nv6lLU9akKG97iZIC4gOdoRFn2exa65yx61hT3KiB34U7FFKcSOl/jhnwsGne\nDNKLzd6PLy9x9HxfSI/HBFJ40aFGoBPgjrRYkH+UvUxMabYq077yubJbCwLL\nIfMxzbZO4F2PIOt9+Poy1+Z7LPx3sS8/Q1nhsIBSJDAZB95Wqp3Pa+wX0L5N\nJKLIoLP5ir9Y7+PWXMRAa4rThbnKxeuau8mXHwVU1KK5NTsZyyydF8zZDiq+\nzU55noP7Z4krZXfbul7DvXUSU85AjQRAROobpuhOHbkVnOUHs24JCBKEXvpQ\nWI+F\r\n=6WiQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"5.1.0-alpha.8348e823"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_2.1.0-alpha.8348e823_1548788624155_0.10327545303275754","host":"s3://npm-registry-packages"}},"2.1.0-alpha.748df56f":{"name":"primer-pagination","version":"2.1.0-alpha.748df56f","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@2.1.0-alpha.748df56f","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"88f925f1b595ee59d45964faa5e33794017c44e8","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-2.1.0-alpha.748df56f.tgz","fileCount":9,"integrity":"sha512-k7Ts82H4iSuLHM0a+ebWz4UN4iBKT2HSwzRYbVRCWTPV/tfPU1Csxegc2N1D1zZUgd6Su6iErKOqsZH1Zg4SAg==","signatures":[{"sig":"MEQCICXwCWRGQ0Hh6tzzW0QqntVY7YdjOUfxHvx8ua4gTb0rAiBB3pZagqKNqJBMQGM7uJjbqFsetcPPmCnULuTOgtYU1Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcUNoeCRA9TVsSAnZWagAAawUP/RJ9MVPokWJEQ61MFMo8\ngTKGh5yeX85jYXDGmw81alP71nELuvd0w5IS6E6xgvQ+jR3/wDy/iStnrlnC\nq6pnPbxRgU0loFxCccU+jmY/P2HFIPq9s5/QVoDerh1OunEWAazS+IgfLaCi\nTmsoOBMHljESC2beaDZBZU2KUD5K+xnmr2KUdF4d1v/WFd35KY4pHzbSZtJT\nhiYd79pLta9amQPdYgHpuBVN5DiPJwF06AqBOKi6e08Juo5Myl4uc9WDNN2D\nCJWwMD7HF1d5MsLujEiDwzRMSIGqo1MuMm4gYnmbqVssAZdjYyJ4bhOAJMJ3\nhe9UtvjkoXhB4Nuw8j/IZFMdsHiYss04QEaUV3Wbq0mqmWNXLbEq2Bv4Xyyb\ng5OmNiSisLYOg9V6TRgIe6GE8kP+FJ+AnTqt8LfWt3iDtA87wBbusDiFLZsK\nyHCW1ni+vEb+48B+0zbOBDz9OmukyNHYgBB3PGWspTP99IdVKqrF4E3yjcT8\nUrvFlsEbBjDi+6mkF+Fn+VhGjCsuMKB3lLq2mZIm3iiM8542/qshoze5Miop\nGxgkU4TUTIOdLtr63dFlX7m4AAGKUYlNRxviJxPJ3rsvBDv8LQw34OqZI6Yp\nRPKP/g8l30gKpR8j8MVeM142q/3BxOaFAv4W4hKRysyvTiM5BHVKSXoKn/tC\nyWTq\r\n=QRDd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"5.1.0-alpha.748df56f"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_2.1.0-alpha.748df56f_1548802590292_0.8792345303245663","host":"s3://npm-registry-packages"}},"2.1.0-alpha.d5a982e8":{"name":"primer-pagination","version":"2.1.0-alpha.d5a982e8","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@2.1.0-alpha.d5a982e8","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"410314061229467605596b397ad092545015afd8","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-2.1.0-alpha.d5a982e8.tgz","fileCount":9,"integrity":"sha512-f+fOuRfBjC/2+HKzQQ7n/aoS+2S3mwDOxL/t9fumsfvdq3NXcPp6faQ1SY7ZNANycTbhkiynSNqnv1kjVX3TrA==","signatures":[{"sig":"MEUCIB/DDKcsxneP14jII+eont5NbDTT09R3UwTSBAKzLm5EAiEAkscsEM+h2nOiIjfiurLjbd2iDQ99EzFhc/qkv2VKOMc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcVLLgCRA9TVsSAnZWagAAv0QP/0fCZ0iw4pkduIz0MRGK\nOZFyH7ktDvdSSfIfwop4b7Uc5On7f2a8TQxn7oO/cLJnVO59QG1hHKBVFEeR\nHaHaPJ9ZEkynGBFdCaSPHZ+NCjNPOqHOnpoNhaQEGv/4YF192MTV8ujZUVQ3\n0guiSBnvBmDOQ4evoA71YdV7w3mIFMgOF9WxUp1C48Bw9A4bU//GVns5xbDd\nb7j0Kh2bL5QCSh6RaJZa8u0bVvrGbKPQfLikvv/5r0o2UiK3h1DNm2N5UVDn\nBu3ssiDvtmv4RhiGvDNu2gZJgpy44fq/boZ/Be4ry7oAYtSwlxNUdCZMKFiw\nSSUkJmA/TCzVTpbf+u/s6sgu4afTK20OuZQM68PhFyVpVcGOxuc0doiUcQo7\n7L2dc9Im+g1zD26kR97+WDCcWPbZtTwjRn/K0Qj+vX9/1ZrALuEIT2s3UNMB\n3gkxgIW85d7TIOkLSVpWvSTOyQK4ocUL6aUSKUgvCcgH+K7SkPp2RYdlnJRr\nJS5VMOcNBSx6yDs738Wl4FiQa1sINA/pOTgr3tBrnShXmT//7t69a4x5nfjY\nCboD0Hz4FTn67tGiRAMwkp1ICueQL0nCIcuaIXkuEiEjuHgw50ZRhH8Rhe9G\n+6Nrff5dUJsumGt4E6u9tmfN1zLN3SsVJFKoo4okw78UnoLZfk7L137QmByn\nZb9O\r\n=QKkn\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"5.1.0-alpha.d5a982e8"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_2.1.0-alpha.d5a982e8_1549054687851_0.7821549152273051","host":"s3://npm-registry-packages"}},"2.1.0-alpha.880aa354":{"name":"primer-pagination","version":"2.1.0-alpha.880aa354","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@2.1.0-alpha.880aa354","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"14df03afdced33caa6a28dca05ad833a0c41f524","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-2.1.0-alpha.880aa354.tgz","fileCount":9,"integrity":"sha512-mDafAR2J05lseNO7J1cLsE8KMmV6ECwoByKhZ8IY8Grda8gXFal40xcu5Wjc83j8NQ2D/wsbsPCD9TT/Gsp+7Q==","signatures":[{"sig":"MEYCIQDo3gseyo8zwlyzQ4afroFvo0W32wb5We78YmGMXMu3JQIhAKsvQ2j4FaKrqsPYrLvNZd6+cRf7Y0ODzdkyx45Nxohj","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcWKkTCRA9TVsSAnZWagAAV5EP/2QqY8rrhtnA4kFgINbo\n23Y13SU5vi3eydXPdfftAXwi/0lSMPh0WEtoWPe6tcG4yO6EQSniCRYjk/vB\ntA99XLeg9x2TDJ4hXNMtiLJ0TrgUqozHi/J7iBrNfxKYmohBdEBXdmFqCwKC\njwJE7DoVm784tC9f6NKErdBZgPQ3n9In+grLcXgJwXDZfWRAKvyDBXdlu9oV\n/VyYYKw4EXKK2FT0/vp2WLfeg2au07qF/W2TYaB23TqIHwqmygKt38zGuHTB\nkdCnoAC1r1NGC6or7KtMovTZ6oEq7MtgIjDy9QKI7qcdonTmVnhaAdgyb/iD\nAcScW9tjA7iMIsYC3dC7k2N4pmb1qvjj+g0MvNie46edO5Hl6WcZMigwUs70\ntUbdeqcmJX+VV1baRBndTgZo+RPAIQ7ccpOeA6elOFmHI2Oqkb/NOZ6Tk5Wq\nfPyib8gfTpO6bDIiUR43rSyg7Tau3iZ4FegFCTe/17/foV+fr3KjnNQ+j9Aw\nJNTztXNTY+Fli4WX2u1a7nwFcRj4uNsm98jMsOpD3F8n8Qfyov/ReZfECdIy\nnCGIMb7IAY7AAs708zm12UZpLX8y0dZ6qMnVFBp3Gto48jyP8867qdVoomdJ\n8uidiZIuPypG9gVU+93HQX4TYHaeFrpvgaj5Nrb1ZOHFXdXOxb8ocjQm6s+g\nX71A\r\n=H1tq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"5.1.0-alpha.880aa354"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_2.1.0-alpha.880aa354_1549314322497_0.41582775575462994","host":"s3://npm-registry-packages"}},"2.1.0-alpha.0e97ea6c":{"name":"primer-pagination","version":"2.1.0-alpha.0e97ea6c","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@2.1.0-alpha.0e97ea6c","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"53829319a2666d8b3663ec901bebcd207c2d21d4","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-2.1.0-alpha.0e97ea6c.tgz","fileCount":9,"integrity":"sha512-FYCuVoaDTbPsXOmULI9mKkFhYbp116z/FrWOCimGGWbx0zJwXYrRslL7O2ptDNgUyqQHTtIpRum+YzP60sCwVA==","signatures":[{"sig":"MEYCIQCLWzH9bjQwap/k9fCZJnYyPnDIRKYZe2J/TCz/YHuWEwIhAL9M1riz0cu8YmniGJ1Cgl96zA0oHFxmKATo4CONgkaD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcZG4GCRA9TVsSAnZWagAAz/gQAJbzol129MbPZVY/axBl\njpAF6Mt3tqzyZrK7RaupWuHMquhqlI7tp5CwPxtrfzSyw75KeZ7aegZpoZ6F\nSh6otBRUgLZUL1hD6vvGzMxvIMnB4B/c+zVSIP4GrzR5YD9mUy7Se/BOb7K1\nhZL2obV+n1L+OM2+iHNJu1JPh46r8sv2M481Domlwl40EtNHlBRG+KOO5A06\n4Hv0hh1KcsEqSEOQn282KY4h3eek/1QpSevlKoArEfvtqZ7bdqXwmC1FjEbP\nLmSt1AM1AaAvjn3tI9l+S5lszehfuTWO4JRBZzh4l5KR+GQY+NIesp3f4baO\nVzcQ3ZzrLRnrZiTFHQekoc5JjL1KeY7x5pR8iz1r7ZwjmrMfYhBk4TABnb8I\ne0NwkkQLSDgQFsg17f1svgBM3vcUatCh6powNIzm//PtS/A5n7oxmPpr7DMn\nHc44EVfo6AMf8AsiOu1yJy00AYYsfnCR0B+8zeK8AvamRpI40TU19TC2pSfg\n4J7Ue6Au6K4vpsATOMuekdVDgM/6FVPjzWimEAx+qNDqJa2QUQA/5tFN3CKZ\nBSYvdYXKL6ujk10lRLWe/kasNJv2jx/Ip8+ulx2WW50IhjRaQk2onU3zmApj\nFf77+6/p5/6llMvRzbB78PoPw4NqQz2P//jT+gok3ftGdJ23bIb2FDgRTDrF\nO3z2\r\n=ONev\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"5.1.0-alpha.0e97ea6c"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_2.1.0-alpha.0e97ea6c_1550085637995_0.744983512187652","host":"s3://npm-registry-packages"}},"2.1.0-alpha.df004242":{"name":"primer-pagination","version":"2.1.0-alpha.df004242","keywords":["github","primer"],"author":{"name":"GitHub, Inc."},"license":"MIT","_id":"primer-pagination@2.1.0-alpha.df004242","maintainers":[{"name":"broccolini","email":"diana.mounter@gmail.com"},{"name":"dgraham","email":"david.malcom.graham@gmail.com"},{"name":"emilybrick","email":"emily.brick@buzzfeed.com"},{"name":"emplums","email":"eplummer26@gmail.com"},{"name":"jonrohan","email":"yes@jonrohan.codes"},{"name":"josh","email":"josh@joshpeek.com"},{"name":"keithamus","email":"npm@keithcirkel.co.uk"},{"name":"koddsson","email":"koddsson@gmail.com"},{"name":"mdo","email":"markdotto@gmail.com"},{"name":"mislav","email":"mislav.marohnic@gmail.com"},{"name":"mschoening","email":"max@max.wtf"},{"name":"muan","email":"me@muanchiou.com"},{"name":"primer-css","email":"design-systems@github.com"},{"name":"shawnbot","email":"shawnbot-npm@nym.hush.com"}],"homepage":"http://primer.github.io/","bugs":{"url":"https://github.com/primer/primer/issues"},"dist":{"shasum":"81ca5099299b0b0b35e5f50bcb4b3cbef13c112c","tarball":"https://registry.npmjs.org/primer-pagination/-/primer-pagination-2.1.0-alpha.df004242.tgz","fileCount":9,"integrity":"sha512-dUcQZ39X8IicZrLCuik5HoLaB3ewzuBFHo7x5VG0BFNt9Bihj0bm8ncdF09Oipyn6DQ+HpZVET/lx2vu/oIbSQ==","signatures":[{"sig":"MEUCIDNkKqheXYI+jodO/5mXHN0Y7QYiRZFpYXweTw3BVeOpAiEA5HpLWU+K6Yvyfol7uQXizD63UzMa7L51X63iz1uNylo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcZdO7CRA9TVsSAnZWagAAX+QQAI4H78xBBuyX2YTbDUxE\n03z8qY8tQ2C3Phkjxga9OmYH3LFNuHpiyOXfFlhot3or8YTF/PKSKxG1c6dQ\n6axCVN+otCMTPTXPrrptflAVzdDQ1FEAitcX2KaSaUfBx2PDv8j8vBVpsJFg\n1FKth69OjrH5K/rOIyapTvDGWePTwJ66P1NHrGSbmbweIHmGsrd+/V5VW1zK\nvf6FV3vYTUO8Z6C1Y5dTawkZvbF4QjHRgksuCp8nO2oI4oIjTWiANEjicXav\nZrUkEoFABf+lXmI6dOa9x7CEtbrWlCkCkWZWfLA89tZjhANGE5PFIggc1prT\n13SjYCyIxal3S0zYGiktdGTlb6zV9R5qXTojbkLqTGXhrb6Mhs5YoaiVuvAh\np/BEun32L2T9ugMCeeD42+ioy6VFGBDMlrF/XpKb7ob4NIXKYa1u990OcXAW\naI6BeWvuSGP76VCJAHswy9c9f+5HyxVRdykbX+9Wuxq99gtWd3dhsuIMxSpn\nnQApN6qawfS5ezOFokSopIHiwN6Ne3a9VOlOqgw0kE5dzkrlBi4SHj1SzMor\naAIp9Q1gR47tAZM2YsgUWKWvpEw/6BNXGrFf0KyvDtUWn57eNkXP3kzVEcWc\nHBBC4XLPwAitCflvbAy5Y8Z7g3eekpbgmhIe72AgGQpMir/jbprlxP1Q6vAa\nvHme\r\n=X9D+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"build/index.js","sass":"index.scss","style":"index.scss","primer":{"category":"product","module_type":"components"},"readme":"# Primer Pagination\n\n[![npm version](https://img.shields.io/npm/v/primer-pagination.svg)](https://www.npmjs.org/package/primer-pagination)\n[![Build Status](https://travis-ci.org/primer/primer.svg?branch=master)](https://travis-ci.org/primer/primer)\n\n> Pagination component for applying button styles to a connected set of links that go to related pages\n\nThis repository is a module of the full [primer][primer] repository.\n\n## Install\n\nThis repository is distributed with [npm]. After [installing npm][install-npm], you can install `primer-pagination` with this command.\n\n```\n$ npm install --save primer-pagination\n```\n\n## Usage\n\nThe source files included are written in [Sass][sass] (SCSS) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.\n\n```scss\n@import \"primer-pagination/index.scss\";\n```\n\nYou can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._\n\n## Build\n\nFor a compiled **CSS** version of this module, an npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package:\n\n```\n$ npm run build\n```\n\n## Documentation\n\n<!-- %docs\ntitle: Pagination\npath: components/pagination\nstatus: New Release\n-->\n\nUse the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).\n\n{:toc}\n\n## Previous/next pagination\n\nYou can make a very simple pagination container with just the Previous and Next buttons. Add the class `disabled` to the `Previous` button if there isn't a preceding page, or to the `Next` button if there isn't a succeeding page.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n## Numbered pagination\n\nFor pagination across multiple pages, make sure it's clear to the user where they are in a set of pages.\n\nTo do this, add anchor links to the `pagination` element. Previous and Next buttons should always be present. Add the class `disabled` to the Previous button if you're on the first page. Apply the class `current` to the current numbered page.\n\nAs always, make sure to include the appropriate `aria` attributes to make the element accessible.\n\n- Add `aria-label=\"Pagination\"` to the the `paginate-container` element.\n- Add `aria-current=\"true\"` to the current page marker.\n- Add `aria-label=\"Page X\"` to each anchor link.\n\n```html\n<nav class=\"paginate-container\" aria-label=\"Pagination\">\n  <div class=\"pagination\">\n    <span class=\"previous_page disabled\">Previous</span>\n    <em class=\"current selected\" aria-current=\"true\">1</em>\n    <a href=\"#url\" aria-label=\"Page 2\">2</a>\n    <a href=\"#url\" aria-label=\"Page 3\">3</a>\n    <span class=\"gap\">…</span>\n    <a href=\"#url\" aria-label=\"Page 8\">8</a>\n    <a href=\"#url\" aria-label=\"Page 9\">9</a>\n    <a href=\"#url\" aria-label=\"Page 10\">10</a>\n    <a class=\"next_page\" rel=\"next\" href=\"#url\" aria-label=\"Next Page\">Next</a>\n  </div>\n</nav>\n```\n\n<!-- %enddocs -->\n","scripts":{"lint":"../../script/lint-scss","test":"../../script/npm-run-all build lint test-docs","build":"../../script/npm-run primer-module-build index.scss","prepare":"npm run build","test-docs":"../../script/test-docs","postpublish":"../../script/notify success","prepublishOnly":"../../script/notify pending"},"_npmUser":{"name":"primer-css","email":"design-systems@github.com"},"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"_npmVersion":"6.4.1","description":"Pagination component for applying button styles to a connected set of links that go to related pages","directories":{},"_nodeVersion":"8.15.0","dependencies":{"primer-support":"5.1.0-alpha.df004242"},"_hasShrinkwrap":false,"readmeFilename":"README.md","_npmOperationalInternal":{"tmp":"tmp/primer-pagination_2.1.0-alpha.df004242_1550177210401_0.9801912919969638","host":"s3://npm-registry-packages"}}},"time":{"created":"2018-05-09T23:25:35.453Z","modified":"2026-08-07T19:05:30.087Z","0.1.0-alpha.51cfc597":"2018-05-09T23:25:35.525Z","0.1.0-alpha.7e6aa5c8":"2018-05-09T23:34:24.023Z","0.1.0-alpha.68e2fa59":"2018-05-09T23:39:16.656Z","1.1.0-alpha.5f2bfac8":"2018-05-10T17:55:49.068Z","0.1.0-alpha.5c3ca04a":"2018-05-10T22:04:51.841Z","0.0.1-rc.0":"2018-05-10T22:06:29.083Z","0.0.1-rc.1":"2018-05-10T22:15:13.923Z","1.0.0-rc.0":"2018-05-10T22:38:56.835Z","1.0.0":"2018-05-10T23:08:23.186Z","1.1.0-alpha.749dd3bc":"2018-05-11T18:52:31.251Z","1.1.0-alpha.8673492":"2018-05-11T18:56:11.860Z","1.1.0-alpha.dde66593":"2018-05-11T19:07:44.366Z","1.1.0-alpha.653de47c":"2018-05-11T19:30:02.747Z","1.1.0-alpha.73ea74e2":"2018-05-14T16:59:37.361Z","1.1.0-alpha.b92c57d1":"2018-05-14T17:02:56.619Z","1.1.0-alpha.814cdd3d":"2018-05-14T17:08:39.648Z","1.1.0-alpha.68e890a4":"2018-05-18T17:01:54.559Z","1.1.0-alpha.b088b8ca":"2018-05-23T21:05:32.360Z","1.1.0-alpha.4e70f02d":"2018-06-01T23:51:41.802Z","1.1.0-alpha.b62d989b":"2018-06-01T23:54:09.599Z","1.0.0-rc.1":"2018-06-13T22:55:07.349Z","1.0.0-rc.2":"2018-06-13T23:05:53.517Z","1.0.1-rc.0":"2018-06-13T23:42:50.723Z","1.0.1-rc.1":"2018-06-14T00:08:18.459Z","1.0.1":"2018-06-14T15:51:42.250Z","1.1.0-alpha.87a2e243":"2018-06-18T21:48:58.794Z","1.1.0-alpha.6d79c2b1":"2018-06-19T22:14:24.073Z","1.1.0-alpha.71a72cda":"2018-06-19T22:34:53.896Z","1.1.0-alpha.e78fdb9a":"2018-06-20T21:51:11.604Z","1.1.0-alpha.3a1e758e":"2018-06-25T22:23:23.424Z","1.1.0-alpha.dc6b5a17":"2018-06-26T03:45:29.974Z","1.0.1-rc.2":"2018-06-26T03:48:13.829Z","1.0.1-rc.3":"2018-06-26T04:03:52.442Z","1.0.1-rc.4":"2018-06-26T04:05:48.218Z","1.1.0-alpha.89893e4a":"2018-06-28T19:35:43.812Z","1.1.0-alpha.3091902b":"2018-06-28T19:46:59.921Z","1.0.1-rc.5":"2018-06-28T19:50:17.742Z","1.0.1-rc.6":"2018-06-28T20:06:43.337Z","1.0.1-rc.7":"2018-06-28T20:38:34.493Z","1.1.0-alpha.a134dbf7":"2018-06-28T23:16:11.083Z","1.1.0-alpha.effa8d7e":"2018-06-28T23:34:24.374Z","1.1.0-alpha.7d60d746":"2018-06-28T23:39:29.834Z","1.0.1-rc.8":"2018-06-29T16:56:42.531Z","1.1.0-alpha.ab698d5e":"2018-06-29T19:22:15.073Z","1.1.0-alpha.90b4f21c":"2018-06-29T19:49:54.078Z","1.0.1-rc.9":"2018-06-29T20:31:16.569Z","1.0.1-rc.10":"2018-06-29T20:56:23.543Z","1.0.2-rc.0":"2018-06-29T20:59:31.822Z","1.0.2":"2018-07-02T18:03:17.773Z","1.1.0-alpha.4901ed89":"2018-07-03T17:26:59.113Z","1.1.0-alpha.0b756ad4":"2018-07-03T17:32:42.363Z","1.1.0-alpha.fe4010eb":"2018-07-03T17:33:20.939Z","1.1.0-alpha.4103b139":"2018-07-03T17:43:13.662Z","1.1.0-alpha.eb7f6898":"2018-07-03T17:56:33.516Z","1.1.0-alpha.d773723d":"2018-07-03T17:57:51.192Z","1.1.0-alpha.dae40155":"2018-07-03T18:14:55.433Z","1.1.0-alpha.c417c2bc":"2018-07-03T18:35:18.463Z","1.0.2-rc.1":"2018-07-03T18:35:24.136Z","1.0.2-rc.2":"2018-07-03T18:50:59.118Z","1.0.3-rc.0":"2018-07-27T19:57:40.140Z","1.0.3-rc.1":"2018-07-27T20:29:26.984Z","1.0.3-rc.2":"2018-07-27T20:32:08.990Z","1.0.3":"2018-07-27T21:46:07.537Z","1.1.0-alpha.dc28805d":"2018-08-02T18:22:35.841Z","1.1.0-alpha.c66331d4":"2018-08-02T18:28:18.232Z","1.1.0-alpha.b19ce449":"2018-08-02T18:36:48.412Z","1.1.0-alpha.86ffde2d":"2018-08-02T22:38:40.078Z","1.1.0-alpha.c1adda16":"2018-08-23T18:37:30.035Z","1.1.0-alpha.602ed262":"2018-08-23T22:42:39.335Z","1.1.0-alpha.2e96422e":"2018-08-23T23:29:20.567Z","1.1.0-alpha.b669eefb":"2018-10-15T20:32:55.757Z","1.1.0-alpha.d9d741bc":"2018-10-15T21:27:46.718Z","1.1.0-alpha.671ec2a2":"2018-10-15T21:28:50.427Z","1.1.0-alpha.a0bd1a08":"2018-10-15T23:22:30.862Z","1.1.0-alpha.472eb506":"2018-10-15T23:48:44.543Z","1.0.3-rc.3":"2018-10-16T06:20:07.614Z","1.1.0-alpha.fdcbf941":"2018-10-16T20:52:31.045Z","1.0.3-rc.4":"2018-10-17T17:14:11.081Z","1.1.0-alpha.ba09cbcc":"2018-10-17T17:28:04.661Z","1.0.3-rc.5":"2018-10-17T19:19:17.396Z","1.1.0-alpha.a8b75a13":"2018-10-17T19:31:13.169Z","1.1.0-alpha.93e11282":"2018-10-17T19:32:02.196Z","1.1.0-alpha.01812ee2":"2018-10-17T19:37:46.691Z","1.1.0-alpha.76e9bd5d":"2018-10-17T20:04:08.622Z","1.1.0-alpha.56a6d9e8":"2018-10-17T20:10:08.786Z","1.1.0-alpha.d2876be1":"2018-10-17T20:32:51.624Z","1.1.0-alpha.8e9cccb4":"2018-10-17T20:42:58.219Z","1.1.0-alpha.9cac3410":"2018-10-17T20:56:20.587Z","1.1.0-alpha.9b72bf6f":"2018-10-17T20:58:29.348Z","1.1.0-alpha.3c406710":"2018-10-17T21:04:40.341Z","1.1.0-alpha.1938ff24":"2018-10-17T21:11:09.886Z","1.1.0-alpha.53c93082":"2018-10-17T21:23:11.101Z","1.1.0-alpha.0f5bbeba":"2018-10-17T21:31:41.546Z","1.1.0-alpha.c29e3d87":"2018-10-17T21:58:40.841Z","1.1.0-alpha.17f5537f":"2018-10-17T22:12:19.523Z","1.1.0-alpha.b67f7cc4":"2018-10-17T22:21:47.942Z","1.1.0-alpha.09cd6cad":"2018-10-18T17:01:05.678Z","1.0.3-rc.6":"2018-10-18T17:33:06.581Z","1.1.0-alpha.cef53ac4":"2018-10-18T18:31:54.087Z","1.1.0-alpha.b014d245":"2018-10-18T18:42:26.984Z","1.1.0-alpha.49d97c80":"2018-10-18T20:01:20.875Z","1.1.0-alpha.b5459caa":"2018-10-18T20:02:40.811Z","1.1.0-alpha.7c8d0e34":"2018-10-18T21:20:36.401Z","1.0.3-rc.7":"2018-10-18T21:32:04.267Z","1.1.0-alpha.c396b082":"2018-10-18T21:35:38.011Z","1.1.0-alpha.47902cf5":"2018-10-18T21:39:34.939Z","1.0.3-rc.8":"2018-10-18T21:43:26.216Z","1.0.3-rc.9":"2018-10-18T21:50:25.390Z","1.1.0-alpha.e61e3868":"2018-10-18T22:12:03.701Z","1.1.0-alpha.c8f9d606":"2018-10-18T22:25:01.378Z","1.1.0-alpha.8ae934a9":"2018-10-18T23:54:25.606Z","1.1.0-alpha.fc68e650":"2018-10-19T00:00:20.592Z","1.1.0-alpha.3080c2dc":"2018-10-19T04:12:14.842Z","1.1.0-alpha.2f50e954":"2018-10-19T18:18:52.164Z","1.0.3-rc.10":"2018-10-19T21:10:46.236Z","1.0.3-rc.11":"2018-10-22T17:45:00.991Z","1.1.0-alpha.3f5d8a65":"2018-10-22T20:22:06.008Z","1.1.0-alpha.ae5b46b8":"2018-10-22T22:10:53.733Z","1.0.3-rc.12":"2018-10-22T22:15:41.716Z","1.0.4-rc.0":"2018-10-22T23:35:30.222Z","1.1.0-alpha.d1ea413c":"2018-10-23T17:39:22.113Z","1.1.0-alpha.a9f6a8c2":"2018-10-23T18:04:42.040Z","1.0.4":"2018-10-23T20:05:38.040Z","1.1.0-alpha.7dd7d142":"2018-10-23T20:23:56.036Z","1.1.0-alpha.77a05b96":"2018-10-23T21:18:45.524Z","1.1.0-alpha.1871e8e5":"2018-10-23T21:34:49.742Z","1.1.0-alpha.44b1636e":"2018-10-25T15:09:10.874Z","1.1.0-alpha.260b88e3":"2018-10-25T19:43:52.154Z","1.1.0-alpha.d94059f1":"2018-10-25T20:27:00.077Z","1.1.0-alpha.1d86b11a":"2018-10-25T20:44:08.373Z","1.1.0-alpha.6e8eee0b":"2018-10-25T21:04:35.357Z","1.1.0-alpha.f5159d01":"2018-10-25T23:48:52.779Z","1.1.0-alpha.71d3dd4d":"2018-10-26T02:41:51.546Z","1.1.0-alpha.8147bf9e":"2018-10-26T02:51:26.571Z","1.1.0-alpha.ade07006":"2018-10-29T19:47:42.653Z","1.1.0-alpha.6e00d1f1":"2018-11-06T05:15:44.808Z","1.1.0-alpha.a81416ae":"2018-11-06T05:26:07.318Z","1.1.0-alpha.3487d68e":"2018-11-06T06:59:51.196Z","1.1.0-alpha.deb27cb4":"2018-11-06T07:09:19.456Z","1.1.0-alpha.c3a1ee2b":"2018-11-06T07:10:38.016Z","1.1.0-alpha.6ac5deb8":"2018-11-06T08:17:25.054Z","1.1.0-alpha.c12761d7":"2018-11-07T22:27:16.399Z","1.1.0-alpha.4a75e7bd":"2018-11-08T18:47:02.254Z","1.1.0-alpha.d76fd883":"2018-11-08T19:08:34.607Z","1.1.0-alpha.c2903f93":"2018-11-09T00:02:50.859Z","1.1.0-alpha.0fa93277":"2018-11-09T18:08:26.608Z","1.1.0-alpha.92274564":"2018-11-09T21:45:22.286Z","1.1.0-alpha.19834d12":"2018-11-09T22:19:43.011Z","1.1.0-alpha.1c6820e3":"2018-11-13T22:10:57.280Z","1.1.0-alpha.26a2ae18":"2018-11-13T23:28:42.564Z","1.0.4-rc.1":"2018-11-14T00:17:19.121Z","1.0.4-rc.2":"2018-11-15T21:37:40.286Z","1.1.0-alpha.d651913a":"2018-11-15T22:10:35.639Z","1.1.0-alpha.ea8762da":"2018-11-15T22:31:10.306Z","1.0.4-rc.3":"2018-11-15T22:59:18.941Z","1.1.0-alpha.389964ac":"2018-11-15T23:04:57.003Z","1.1.0-alpha.c144285b":"2018-11-15T23:48:22.148Z","1.0.4-rc.4":"2018-11-16T00:13:09.318Z","1.0.4-rc.5":"2018-11-17T05:02:14.382Z","1.0.5-rc.0":"2018-11-19T20:35:10.923Z","1.0.5-rc.1":"2018-11-19T20:47:12.699Z","1.1.0-alpha.e9889e24":"2018-11-19T21:40:07.757Z","1.0.5-rc.2":"2018-11-19T21:56:04.503Z","1.1.0-alpha.314bc862":"2018-11-19T22:12:19.693Z","1.0.5-rc.3":"2018-11-19T22:34:10.895Z","1.1.0-alpha.2afc388c":"2018-11-19T22:42:31.205Z","1.0.5-rc.4":"2018-11-19T22:47:29.817Z","1.0.5":"2018-11-20T00:05:11.018Z","1.1.0-alpha.ab2b4e17":"2018-11-20T18:39:05.795Z","1.1.0-alpha.62009446":"2018-11-20T18:45:09.322Z","1.1.0-alpha.bc9c43da":"2018-11-26T19:48:48.636Z","1.1.0-alpha.589611fb":"2018-11-29T18:22:57.484Z","1.1.0-alpha.640adae6":"2018-11-30T18:43:41.939Z","1.1.0-alpha.9abc2666":"2018-11-30T21:26:52.141Z","1.1.0-alpha.c96e9341":"2018-12-01T00:26:27.737Z","1.1.0-alpha.920cbb94":"2018-12-01T00:34:58.698Z","1.1.0-alpha.10b12bd7":"2018-12-01T00:49:56.491Z","1.1.0-alpha.60374339":"2018-12-01T00:52:06.969Z","1.1.0-alpha.72bcb091":"2018-12-04T20:40:38.168Z","1.1.0-alpha.406e3771":"2018-12-05T06:08:48.533Z","1.1.0-alpha.7b492b62":"2018-12-05T06:52:02.446Z","1.1.0-alpha.076a5833":"2018-12-05T09:37:02.277Z","1.1.0-alpha.87a7c3c7":"2018-12-05T09:53:32.404Z","1.1.0-alpha.2fb541e8":"2018-12-05T10:00:36.561Z","1.1.0-alpha.7ad3aaa6":"2018-12-05T10:01:25.470Z","1.1.0-alpha.335e7a0f":"2018-12-05T19:30:18.407Z","1.1.0-alpha.1d903df8":"2018-12-05T19:43:17.297Z","1.1.0-alpha.5505b4f9":"2018-12-05T20:01:09.836Z","1.1.0-alpha.c9c2ddd0":"2018-12-06T00:40:57.090Z","1.1.0-alpha.3a835d8f":"2018-12-06T18:38:18.352Z","1.1.0-alpha.a4606fae":"2018-12-06T19:01:05.058Z","1.1.0-alpha.1a319bd0":"2018-12-06T19:57:19.017Z","1.1.0-alpha.a59a2bd4":"2018-12-06T22:36:46.397Z","1.1.0-alpha.97a6e91d":"2018-12-07T08:40:11.449Z","1.1.0-alpha.a93e3ebd":"2018-12-07T09:40:02.137Z","1.1.0-alpha.46beb5a1":"2018-12-07T19:38:09.631Z","1.1.0-alpha.c20a7afb":"2018-12-07T22:40:28.783Z","1.1.0-alpha.a369dd35":"2018-12-07T22:43:14.635Z","1.1.0-alpha.d328fa90":"2018-12-07T23:04:01.970Z","1.1.0-alpha.bd244056":"2018-12-07T23:28:56.695Z","1.1.0-alpha.f7b11c63":"2018-12-08T00:17:31.581Z","1.1.0-alpha.714565b4":"2018-12-10T16:17:32.471Z","1.1.0-alpha.456be6d9":"2018-12-11T00:14:47.304Z","1.1.0-alpha.0b0d1941":"2018-12-14T05:48:53.183Z","1.1.0-alpha.7acee306":"2018-12-14T06:32:23.246Z","1.1.0-alpha.8d9b243e":"2018-12-14T06:39:17.808Z","1.1.0-alpha.084f709d":"2018-12-17T23:01:37.591Z","1.1.0-alpha.f5a89e25":"2018-12-17T23:12:43.583Z","1.1.0-alpha.4586004e":"2018-12-17T23:16:11.016Z","1.1.0-alpha.6289c294":"2018-12-17T23:36:25.135Z","1.1.0-alpha.d4f69a27":"2018-12-17T23:41:52.336Z","1.1.0-alpha.2a13841b":"2018-12-18T00:05:14.127Z","1.1.0-alpha.45c8cf83":"2018-12-18T00:11:47.651Z","1.1.0-alpha.8432e534":"2018-12-18T00:19:41.899Z","1.1.0-alpha.7a76b326":"2018-12-19T05:22:07.068Z","1.1.0-alpha.52d5b327":"2018-12-20T19:39:36.434Z","1.1.0-alpha.af57a500":"2018-12-20T22:32:47.767Z","1.1.0-alpha.4dab7fdf":"2018-12-20T22:38:57.635Z","1.1.0-alpha.47ed2750":"2018-12-20T22:50:34.015Z","1.1.0-alpha.82bac610":"2018-12-20T23:05:05.651Z","1.1.0-alpha.15a93353":"2018-12-20T23:14:57.942Z","1.1.0-alpha.50e7198e":"2018-12-21T19:21:31.789Z","1.1.0-alpha.6c54e75d":"2018-12-21T20:24:11.994Z","1.0.5-rc.5":"2018-12-21T22:40:35.399Z","1.0.5-rc.6":"2018-12-21T22:46:28.253Z","1.0.6-rc.0":"2018-12-21T22:59:16.391Z","1.0.6-rc.1":"2018-12-21T23:06:47.123Z","1.1.0-alpha.856f95ca":"2019-01-03T00:35:07.257Z","1.1.0-alpha.2bb3a027":"2019-01-03T05:58:07.797Z","1.1.0-alpha.5862b25f":"2019-01-03T06:15:33.343Z","1.1.0-alpha.ee297c75":"2019-01-03T06:59:53.316Z","1.1.0-alpha.413e9cf2":"2019-01-03T15:26:42.853Z","1.1.0-alpha.1092c5ae":"2019-01-04T18:30:11.620Z","1.1.0-alpha.d2790373":"2019-01-04T18:36:46.206Z","1.1.0-alpha.f83c67be":"2019-01-04T18:53:44.037Z","1.1.0-alpha.e7242c1b":"2019-01-04T19:09:20.050Z","1.1.0-alpha.3e5ab64a":"2019-01-04T19:53:21.325Z","1.1.0-alpha.e7877054":"2019-01-04T20:08:23.927Z","1.1.0-alpha.0b0648ab":"2019-01-04T21:13:09.720Z","1.1.0-alpha.955f170c":"2019-01-04T21:54:30.837Z","1.1.0-alpha.a5c1364f":"2019-01-04T23:14:30.380Z","1.1.0-alpha.d9c365a1":"2019-01-04T23:24:50.763Z","1.1.0-alpha.687ba691":"2019-01-07T19:02:19.601Z","1.1.0-alpha.95307c65":"2019-01-07T21:04:58.333Z","1.1.0-alpha.2a15788f":"2019-01-07T21:17:29.860Z","1.1.0-alpha.7324c66f":"2019-01-07T21:33:37.338Z","1.1.0-alpha.8d56c8e7":"2019-01-07T21:42:12.107Z","1.1.0-alpha.d9b3997c":"2019-01-07T21:47:04.762Z","1.1.0-alpha.da3ba6a1":"2019-01-07T22:40:08.474Z","1.1.0-alpha.426b85a5":"2019-01-07T23:26:42.928Z","1.1.0-alpha.e7c17f27":"2019-01-07T23:42:38.597Z","1.1.0-alpha.eb2780e6":"2019-01-07T23:44:54.260Z","1.0.6":"2019-01-07T23:46:33.703Z","1.1.0-alpha.93f4e152":"2019-01-08T00:09:39.447Z","1.1.0-alpha.82a598b3":"2019-01-08T00:39:22.920Z","1.1.0-alpha.ecdd8bad":"2019-01-08T00:48:02.507Z","1.1.0-alpha.50510ebc":"2019-01-08T06:07:24.588Z","1.1.0-alpha.f18919ba":"2019-01-08T17:44:06.086Z","1.1.0-alpha.c7a3eeeb":"2019-01-08T18:41:27.421Z","1.1.0-alpha.950bf2b7":"2019-01-08T18:56:21.684Z","1.1.0-alpha.7c07cf8e":"2019-01-08T19:11:06.736Z","1.1.0-alpha.076ed277":"2019-01-08T19:23:00.512Z","1.1.0-alpha.a4df514d":"2019-01-08T20:08:26.491Z","1.1.0-alpha.912f1fb8":"2019-01-08T20:09:18.688Z","1.1.0-alpha.97e04ebe":"2019-01-08T20:34:02.827Z","1.1.0-alpha.1ed322f8":"2019-01-08T21:29:43.175Z","1.1.0-alpha.a8d2d06c":"2019-01-08T22:48:03.831Z","1.1.0-alpha.4ee73d2a":"2019-01-08T22:54:31.203Z","1.1.0-alpha.36125bde":"2019-01-08T23:00:06.587Z","1.1.0-alpha.6a37bfd5":"2019-01-09T01:02:32.552Z","1.1.0-alpha.35d6afc4":"2019-01-09T01:19:33.685Z","1.1.0-alpha.88be8a95":"2019-01-09T18:09:36.093Z","1.1.0-alpha.4ab66aaa":"2019-01-09T18:13:34.091Z","1.1.0-alpha.6af250dd":"2019-01-09T19:39:21.927Z","1.1.0-alpha.d16597a4":"2019-01-09T19:47:13.346Z","1.1.0-alpha.100c45e0":"2019-01-09T21:35:04.499Z","1.1.0-alpha.c5a475ff":"2019-01-09T21:58:11.686Z","1.1.0-alpha.d2e6ee2d":"2019-01-09T22:09:33.925Z","1.1.0-alpha.3bd3259f":"2019-01-09T22:18:56.941Z","1.1.0-alpha.9798c944":"2019-01-09T23:56:31.637Z","1.1.0-alpha.6f43d81e":"2019-01-10T00:17:59.960Z","1.1.0-alpha.ef34ab55":"2019-01-10T00:25:36.990Z","1.1.0-alpha.a6cd7ee5":"2019-01-10T08:12:13.841Z","1.1.0-alpha.45cd0ac2":"2019-01-10T08:15:59.683Z","1.1.0-alpha.9db56652":"2019-01-10T22:07:44.463Z","1.1.0-alpha.629938f0":"2019-01-10T22:17:15.991Z","1.1.0-alpha.de967b8b":"2019-01-11T00:02:23.112Z","1.1.0-alpha.197cd065":"2019-01-11T00:24:48.164Z","1.1.0-alpha.4cdb2f3a":"2019-01-11T00:34:47.571Z","1.1.0-alpha.5d2d2289":"2019-01-11T00:35:06.790Z","1.1.0-alpha.1811653a":"2019-01-11T00:42:44.312Z","1.1.0-alpha.ec171b46":"2019-01-11T00:50:11.035Z","1.1.0-alpha.4f621c26":"2019-01-11T18:21:51.509Z","1.1.0-alpha.c71b51f1":"2019-01-11T18:23:23.241Z","1.1.0-alpha.141d2d88":"2019-01-11T18:24:06.431Z","1.1.0-alpha.5eefc7cd":"2019-01-11T19:12:00.012Z","1.1.0-alpha.2d2ba632":"2019-01-11T19:34:35.201Z","1.1.0-alpha.cf5e649c":"2019-01-11T19:43:36.131Z","1.1.0-alpha.c098d806":"2019-01-11T20:04:44.374Z","1.1.0-alpha.8212a1d1":"2019-01-11T22:32:50.093Z","1.1.0-alpha.2d744d75":"2019-01-11T22:33:48.653Z","1.1.0-alpha.7c2e8750":"2019-01-11T22:40:06.768Z","1.1.0-alpha.14293137":"2019-01-11T22:55:55.897Z","1.0.7":"2019-01-11T23:08:06.880Z","1.1.0-alpha.79e1959c":"2019-01-11T23:19:08.494Z","1.1.0-alpha.79aab1d6":"2019-01-14T22:47:49.703Z","1.1.0-alpha.f2b57801":"2019-01-15T19:34:21.945Z","1.1.0-alpha.ca348b59":"2019-01-15T19:42:55.786Z","1.1.0-alpha.a5658d30":"2019-01-15T19:43:42.614Z","1.1.0-alpha.7941d537":"2019-01-15T19:56:27.309Z","1.1.0-alpha.7a0f07a5":"2019-01-15T21:15:24.279Z","1.1.0-alpha.03430b81":"2019-01-15T21:33:08.969Z","1.1.0-alpha.2aa63435":"2019-01-15T21:40:45.273Z","1.1.0-alpha.51dbf9ab":"2019-01-15T21:45:09.213Z","1.1.0-alpha.87aaf87e":"2019-01-15T22:22:09.284Z","1.1.0-alpha.b1478763":"2019-01-16T23:06:09.893Z","1.1.0-alpha.e41bfddd":"2019-01-16T23:20:32.769Z","1.1.0-alpha.d93360bc":"2019-01-17T00:36:54.707Z","1.1.0-alpha.20dd7c15":"2019-01-17T06:49:08.966Z","1.1.0-alpha.5c653f08":"2019-01-17T06:56:20.318Z","1.1.0-alpha.4d5dbc0a":"2019-01-17T19:39:52.249Z","1.1.0-alpha.dace91e8":"2019-01-17T19:53:23.892Z","1.1.0-alpha.d8fa0fbf":"2019-01-17T22:42:41.301Z","1.1.0-alpha.0bc0eeca":"2019-01-17T22:53:26.832Z","1.1.0-alpha.d51305cd":"2019-01-17T23:16:43.294Z","1.1.0-alpha.946e3ad8":"2019-01-18T00:34:07.569Z","1.1.0-alpha.091e3379":"2019-01-18T17:48:30.000Z","1.1.0-alpha.ee6f7715":"2019-01-22T21:13:43.077Z","1.1.0-alpha.20da46e0":"2019-01-22T21:18:41.591Z","1.1.0-alpha.4b1305d3":"2019-01-22T22:33:43.280Z","1.1.0-alpha.a158835b":"2019-01-22T22:43:18.209Z","1.1.0-alpha.031b4784":"2019-01-22T22:45:40.732Z","1.1.0-alpha.a5b2d418":"2019-01-22T22:46:59.237Z","1.1.0-alpha.2507e037":"2019-01-22T22:48:28.062Z","1.1.0-alpha.333ee702":"2019-01-22T22:57:10.715Z","1.1.0-alpha.5b896e00":"2019-01-22T22:58:45.876Z","1.1.0-alpha.ef822821":"2019-01-22T23:09:56.358Z","1.1.0-alpha.fbc5fb3f":"2019-01-22T23:13:39.382Z","1.1.0-alpha.2ccb67f5":"2019-01-22T23:29:07.607Z","1.1.0-alpha.12b798b8":"2019-01-22T23:39:00.598Z","1.1.0-alpha.0e91d9c4":"2019-01-22T23:45:38.764Z","1.1.0-alpha.9d5ddbae":"2019-01-23T00:22:13.397Z","1.1.0-alpha.d8e36290":"2019-01-23T00:24:03.048Z","1.1.0-alpha.8d395281":"2019-01-23T00:26:08.475Z","1.1.0-alpha.7e8b2dae":"2019-01-23T04:59:47.558Z","1.1.0-alpha.113894c2":"2019-01-23T05:07:57.843Z","1.1.0-alpha.12076a07":"2019-01-23T05:47:11.262Z","1.1.0-alpha.33d1cca1":"2019-01-23T19:22:21.107Z","1.1.0-alpha.1a7850cf":"2019-01-23T19:41:36.524Z","1.1.0-alpha.2682bd3a":"2019-01-23T19:41:52.994Z","1.1.0-alpha.96f9fe02":"2019-01-23T21:50:13.167Z","1.1.0-alpha.7f53e5ff":"2019-01-23T22:53:22.671Z","1.1.0-alpha.78cb7baa":"2019-01-23T23:17:00.408Z","1.1.0-alpha.1c57a0a9":"2019-01-23T23:29:05.931Z","1.1.0-alpha.c9e70d2f":"2019-01-23T23:30:51.085Z","1.1.0-alpha.8d7000cb":"2019-01-23T23:40:21.372Z","1.1.0-alpha.127dd98f":"2019-01-24T00:04:39.475Z","1.1.0-alpha.61aab4bc":"2019-01-24T00:05:59.602Z","1.1.0-alpha.68c3e189":"2019-01-24T00:43:44.304Z","1.1.0-alpha.5a78e62d":"2019-01-24T19:02:58.301Z","1.1.0-alpha.80c32bd2":"2019-01-24T19:10:05.079Z","1.1.0-alpha.cb697793":"2019-01-24T19:16:39.686Z","1.1.0-alpha.2be44f23":"2019-01-24T19:34:12.198Z","1.1.0-alpha.28960460":"2019-01-24T22:48:52.977Z","1.1.0-alpha.77423703":"2019-01-24T22:53:49.410Z","1.1.0-alpha.e6d3dacb":"2019-01-24T22:54:36.504Z","1.1.0-alpha.618b7b78":"2019-01-25T01:24:21.534Z","1.1.0-alpha.24b4159c":"2019-01-25T19:57:03.216Z","1.1.0-alpha.645f5f82":"2019-01-25T21:38:38.199Z","1.1.0-alpha.10e3b361":"2019-01-25T21:49:58.647Z","1.1.0-alpha.b78e8ab3":"2019-01-25T22:07:35.650Z","1.1.0-alpha.eba8f309":"2019-01-25T22:17:54.173Z","1.1.0-alpha.a75d1fb5":"2019-01-25T23:07:52.481Z","1.1.0-alpha.78600794":"2019-01-25T23:10:02.716Z","1.1.0-alpha.55f783ab":"2019-01-25T23:21:54.504Z","2.1.0-alpha.dee1eb40":"2019-01-25T23:26:21.359Z","2.1.0-alpha.82c06bb2":"2019-01-25T23:49:11.549Z","2.0.0":"2019-01-26T00:00:38.338Z","2.1.0-alpha.e45cefe1":"2019-01-26T00:04:53.902Z","2.1.0-alpha.658f95a6":"2019-01-28T20:32:44.405Z","2.1.0-alpha.12fdfce5":"2019-01-29T00:48:53.176Z","2.1.0-alpha.74cf4cd4":"2019-01-29T04:52:04.545Z","2.1.0-alpha.0a57e1d1":"2019-01-29T18:27:25.029Z","2.1.0-alpha.94655d9d":"2019-01-29T18:43:20.817Z","2.1.0-alpha.8348e823":"2019-01-29T19:03:44.287Z","2.1.0-alpha.748df56f":"2019-01-29T22:56:30.531Z","2.1.0-alpha.d5a982e8":"2019-02-01T20:58:07.992Z","2.1.0-alpha.880aa354":"2019-02-04T21:05:22.608Z","2.1.0-alpha.0e97ea6c":"2019-02-13T19:20:38.194Z","2.1.0-alpha.df004242":"2019-02-14T20:46:50.563Z"},"bugs":{"url":"https://github.com/primer/primer/issues"},"author":{"name":"GitHub, Inc."},"license":"MIT","homepage":"http://primer.github.io/","keywords":["github","primer"],"repository":{"url":"https://github.com/primer/primer/tree/master/modules/primer-pagination","type":"git"},"description":"Pagination component for applying button styles to a connected set of links that go to related pages","maintainers":[{"email":"manuelpuyol@github.com","name":"manuelpuyol"},{"email":"yes@jonrohan.codes","name":"jonrohan"},{"email":"design-systems@github.com","name":"primer-css"},{"email":"lugraciecy@gmail.com","name":"gracepark"},{"email":"jibrang@github.com","name":"jibrangarcia"},{"email":"arelia.jones@gmail.com","name":"arelia"},{"email":"tylerjdev@github.com","name":"tylerthedev"},{"email":"clay@smockle.com","name":"smockle"},{"email":"sim@simurai.com","name":"simurai"},{"email":"katehiga8@gmail.com","name":"khiga8"},{"email":"simon.taranto@gmail.com","name":"srt32"},{"email":"dgreif+githubbotnpm@github.com","name":"githubbot"},{"email":"jonathan.fuchs@gmail.com","name":"jfuchs"},{"email":"andri.j.alexandrou@gmail.com","name":"andrialexandrou"},{"email":"joycezhu@github.com","name":"joycezhu"},{"email":"bteng22@gmail.com","name":"bteng22"},{"email":"dustin.savery@gmail.com","name":"dustin.savery"},{"email":"ncalteen@github.com","name":"ncalteen"},{"email":"alaingoga@gmail.com","name":"alaingoga"},{"email":"andrei.girip99@gmail.com","name":"andreiig"}],"readme":"","readmeFilename":"","users":{"flumpus-dev":true}}