{"_id":"@bbc/psammead-grid","_rev":"104-3c953470c6d15c2de7f3c3347ebafc15","name":"@bbc/psammead-grid","dist-tags":{"alpha":"2.0.0-alpha.0","latest":"3.1.16"},"versions":{"1.0.0-alpha.1":{"name":"@bbc/psammead-grid","version":"1.0.0-alpha.1","keywords":["bbc","grid","cssgrid","styled-components"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@1.0.0-alpha.1","maintainers":[{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"cps-jenkins","email":"platform-cps-prod-account@lists.forge.bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"63804b0015a8d2bbc4d1ae813fb8ec0aef4abd73","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-1.0.0-alpha.1.tgz","fileCount":15,"integrity":"sha512-oyzwYXbZEb+lV2shGsktNHo8Y7KpIFZNW0JOUTbOHsNkvmQWvW8OJM2HbUcCl7f42WERhsPf4tGO4aiRU6lYfA==","signatures":[{"sig":"MEUCIQDYtE3SHiaNVEKHI7RHemSrS2QzltMRuKTPfubxfLL8NgIgBNXKft1aIBsrysojUaUqUPz38hOlw0aCpPmF/XtU1HM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":332467,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdlKRTCRA9TVsSAnZWagAArEkP/1mnfe1Hs3Oo4w41L1Ku\nrmPPAx77RTa/HgiIu0e0IuXQD0PHISl4cP5NYt/mrDrRLpw8xCrfZT+tvNMr\n/L9rRBPl49ceX7wfnsNL9YbFabXeRM2EPGkiTgLyYW9QdcO835sFTh1Oxg/e\nGyg4+570yTM2ici09J9fwA8ISEIOnhTn7i+ovBTu1HpsR2rkDoPcoO03ecTr\nWftj1ZLkBYaWqDH40N2B+9HfqX9oyucMCKSqz+DeVTHbZVQpuQcPK39OXEWT\nQzyG5RuwlgLvOnV3V8+5eZUcGz8Zs6cCIRLpT2/ZbA55P4WQ8u+BpaulxNvP\nrfXHlVFQY4yB+Wul6KYHsdolJfgZRPUmVhTjk1r/Nr8vYHiTNhTZCkq4t1pG\nHsEYAqkuvtfk/GLDEVouwdZw90jPLEXz1daFj6Uco2wdrfCoJHf8uY1tIVAE\niO0G++oMau214mA0hD5ImPTxGXSK250s3QM1h8tk8/VEf/P1VGA7w0UZQMmq\njJpiSg8ZkbcsH+YHHnhARTyrGX6r4x5eI3H2dGiW1dHkGA1mj5HOmUS9zR0U\nBlGBReJO0fa7kdBZYU2gOP0tBcf4O0cEdC3J4URgY7+IsqAZFxWFuoSooOrJ\nVbhumvrJhWU6DF+T6QBCjp6aUjVFDRD0ssaDdWhcCWqZvi/YUY48KwFWYzIH\nnJgE\r\n=YZTS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.9.0","description":"Grid setup for components","directories":{},"_nodeVersion":"10.16.3","dependencies":{"@bbc/gel-foundations":"^3.4.0","@bbc/psammead-styles":"^4.0.1"},"publishConfig":{"tag":"alpha"},"_hasShrinkwrap":false,"peerDependencies":{"styled-components":"^4.3.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_1.0.0-alpha.1_1570022482944_0.14823000440458944","host":"s3://npm-registry-packages"}},"1.0.0-alpha.2":{"name":"@bbc/psammead-grid","version":"1.0.0-alpha.2","keywords":["bbc","grid","cssgrid","styled-components"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@1.0.0-alpha.2","maintainers":[{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"cps-jenkins","email":"platform-cps-prod-account@lists.forge.bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"6b79895cda72392538f79620e2beb5ba5f6a939f","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-1.0.0-alpha.2.tgz","fileCount":15,"integrity":"sha512-UgVRpuLYI5r99Bm/2HSSVPjswk5IYm6J4DoCcNRJtrTaGojjS9vgvG8S22p5X4DWQZXpLUhM0BdFXrhTKSB7XQ==","signatures":[{"sig":"MEYCIQDFyunFCUeCQXvG7+6moGlmwuLLpblRIxggQMVdbbQqhQIhALJfXcGpRBtXPLrhQn/Smt0cx882HFvOJv+KZWzTokCy","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":349742,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpb8gCRA9TVsSAnZWagAAo34P/RUA4YMI7Gz1LJmDXiY8\nV5jg8EnF7Mf36rEojhKA310ct4iseTrV8Q9ucBBogvBRe2TkTbM6KGhAdM1E\nng64RmN1ZvO5wLw5LDBrND5WY/qa5gZEINChre/yiBRxVwr6sQe9DQgqN+jl\noIv49YdWz2K6McWs2FuG2CJkUMaCKXT77xHD9b8WljY4nY5Z7rqoPDSQHDBw\nbIFNkW+lq/hl1Qsz7D4ve1fZAdBV77gw52JjJSHq7UpuAt58GrigcUjt5j9d\nKpCNl4nGfLzDrYt2hLaldZE0YKXDzGqna9koQkba5hFXedEfrFN0MZ/GAaKl\nTkzsQx1zsYQ8Lfvegs1CfXjX8wORkq0PpJzerrTJGsmPawUijiTV6ck/UsF9\nCcV1pjuZSGT9D9wUkyVWClhbKklCFbkovu+x8gyp6EpMpQb0Atx60TbXj8Xy\nq2G4wKd0SswNcyUG3SJvLWrGsqqg/Krbs/E88tSDGzQWKxgJ+HuIsj14sQ99\nOB+hAR0X5BclCfjpSIE2K8GGM7y7NpOBXwNH4a3NSwrLCdimMnE9Q718M6nO\noI336HTtKqo2EtuhzfqlG7xcA7fafJeL0QOnlYzw8F5WTEBUBtWbi7TKpGd+\nogEE/1Jai45/MNpzJ6Vv/pHgNniVP2oBJoryKQOvayhQ/62rJHuR6MeHrdSn\n8Qp/\r\n=oQzm\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","readme":"<!-- prettier-ignore -->\n# psammead-grid - [![Known Vulnerabilities](https://snyk.io/test/github/bbc/psammead/badge.svg?targetFile=packages%2Fcomponents%2Fpsammead-grid%2Fpackage.json)](https://snyk.io/test/github/bbc/psammead?targetFile=packages%2Fcomponents%2Fpsammead-grid%2Fpackage.json) [![Dependency Status](https://david-dm.org/bbc/psammead.svg?path=packages/components/psammead-grid)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-grid) [![peerDependencies Status](https://david-dm.org/bbc/psammead/peer-status.svg?path=packages/components/psammead-grid)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-grid&type=peer) [![Storybook](https://raw.githubusercontent.com/storybooks/brand/master/badge/badge-storybook.svg?sanitize=true)](https://bbc.github.io/psammead/?path=/story/grid--default) [![GitHub license](https://img.shields.io/badge/license-Apache%202.0-blue.svg)](https://github.com/bbc/psammead/blob/latest/LICENSE) [![npm version](https://img.shields.io/npm/v/@bbc/psammead-grid.svg)](https://www.npmjs.com/package/@bbc/psammead-grid) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/bbc/psammead/blob/latest/CONTRIBUTING.md)\n\n## Description\n\nPsammead Grid is a component that you can use to set out column-based layouts using CSS Grid. It is set up to follow the standard [GEL groups for breakpoints](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes) and you can toggle on the GEL margins, gutters and fixed widths, in accordance with the GEL grid guidelines if you are using it for page layouts.\n\n## Installation\n\n`npm install @bbc/psammead-grid`\n\n## Props\n\n<!-- prettier-ignore -->\n| Argument | Type | Required | Default | Example |\n| -------- | ---- | -------- | ------- | ------- |\n| columns | object | yes | N/A | { group0: 6, group1: 6, group2: 6, group3: 6, group4: 8, group5: 20 } |\n| startOffset | object | no | Sets all values as 1 for each of the groups defined in `columns` | { group0: 1, group1: 1, group2: 1, group3: 1, group4: 2, group5: 5 } |\n| item | boolean | no | false | `item` |\n| enableGelGutters | boolean | no | false | `enableGelGutter` |\n| enableGelMargins | boolean | no | false | `enableGelMargins` |\n\n- When should I use the `columns` prop?\n  - This should always be defined.\n  - For a `<Grid>` element, it's the number of columns the grid has, and the number of columns it should span.\n  - For a `<Grid item>` element, it's the number of columns it should span.\n- When should I use the `item` prop?\n  - The `item` prop should be used on a `<Grid>` that is a direct child of another `<Grid>`. Using the `columns` prop's values you can choose how many columns to span at each breakpoint.\n  - It can and should be used whenever you're defining a new grid item - something that you want to span a set number of columns at a breakpoint.\n\n```jsx\n<Grid columns={{ group5: 6 }}>\n  <Grid item columns={{ group5: 1 }}>\n    This spans 1 out of 6 columns\n  </Grid>\n  <Grid item columns={{ group5: 5 }}>\n    This spans 5 out of 6 columns\n  </Grid>\n</Grid>\n```\n\n- When should I use the `startOffset` prop?\n  - `startOffset` is an object structured just like the `columns` prop. You can set it on a `<Grid item>` element to start it at a column other than the first one.\n  - If you don't pass it in, the offset value defaults to 1, the start of the grid.\n- Why is there no vertical spacing on the grid?\n  - The Grid implementation only has gutters/margins for columns, [according to the GEL specification](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes). This is to allow flexibility for a variety of spacing. To add vertical spacing, you should add padding/margin/top/bottom to the contents.\n\n## Usage\n\nWe use the GEL Grid for our breakpoints, as well as for our standard gutters and margins. [The values are defined here in the GEL Grid documentation](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes).\n\nWhen we refer to `group3` in this component, we're referring to the breakpoint with a minimum width `GEL_GROUP_3_SCREEN_WIDTH_MIN` & a maximum width `GEL_GROUP_3_SCREEN_WIDTH_MAX`. These values are defined within [`@bbc/gel-foundations/breakpoints`](https://github.com/bbc/psammead/blob/latest/packages/utilities/gel-foundations/src/breakpoints.js).\n\n#### <a name=\"simple-example\">Simple example</a>\n\nHere is an example of a `<Grid>` that has 8 columns for `group4` (from 1008px to 1279px). It has two child `<Grid item>` elements, one which spans 6/8 columns and one which spans 2/8 columns within this breakpoint.\n\nIn this example groups 1, 2, 3, & 5 are omitted from the `columns` prop - so at those breakpoints items fill the whole width of the page.\n\n```jsx\nimport Grid from '@bbc/psammead-grid';\n\nconst MyComponent = () => (\n  <Grid columns={{ group4: 8 }}>\n    <Grid item columns={{ group4: 6 }}>\n      <p>Item 1 - Paragraph that spans 6 out of 8 columns through group4</p>\n    </Grid>\n    <Grid item columns={{ group4: 2 }}>\n      <p>Item 2 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n    <Grid item columns={{ group4: 2 }}>\n      <p>Item 3 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n    <Grid item columns={{ group4: 2 }}>\n      <p>Item 4 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n  </Grid>\n);\n```\n\nImage of this example when viewed at within `group4` (from 1008px to 1279px). When you look at this example at any other breakpoint, each of the four items fill up the full width of the row.\n![8 column grid with items 6 2 2 2 with labels](packages/components/psammead-grid/documentation/8-column-grid-with-items-6-2-2-2-with-labels.png)\n\n#### <a name=\"multiple-groups\">Setting values for multiple groups</a>\n\n```jsx\nimport Grid from '@bbc/psammead-grid';\n\nconst MyComponent = () => (\n  <Grid columns={{ group3: 6, group4: 8 }}>\n    <Grid item columns={{ group3: 6, group4: 6 }}>\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 6/8 columns\n      </p>\n    </Grid>\n    <Grid item columns={{ group3: 6, group4: 2 }}>\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 2/8 columns\n      </p>\n    </Grid>\n  </Grid>\n);\n```\n\nScreenshot of this example without GEL Gutters and GEL Margins\n![Screenshot of this example without GEL Gutters and GEL Margins](packages/components/psammead-grid/documentation/screenshot-example-without-gelMargins-and-gelGutters.png)\n\n#### <a name=\"gutters-margins\">Setting standard GEL gutters and GEL Margins</a>\n\nUsing `enableGelGutters` and `enableGelMargins` on the `Grid` element. Note: these should _not_ be added to a `<Grid item>` element!\n\n```jsx\nimport Grid from '@bbc/psammead-grid';\n\nconst MyComponent = () => (\n  <Grid enableGelGutters enableGelMargins columns={{ group3: 6, group4: 8 }}>\n    <Grid item columns={{ group3: 6, group4: 6 }}>\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 6/8 columns\n      </p>\n    </Grid>\n    <Grid item columns={{ group3: 6, group4: 2 }}>\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 2/8 columns\n      </p>\n    </Grid>\n  </Grid>\n);\n```\n\n#### <a name=\"nested-grid\">Nested grid example</a>\n\nNote that here, any time you use `<Grid>` that generates a new grid. The total number of columns at each breakpoint is set via the `columns` prop. Then to define how many columns the child `<Grid item >` should span, you can use the `columns` prop on the `<Grid item>`.\n\n```jsx\nimport Grid from '@bbc/psammead-grid';\n\nconst MyComponent = () => (\n  <Grid columns={{ group2: 6, group3: 6 }}>\n    <Grid columns={{ group2: 6, group3: 6 }}>\n      <Grid item columns={{ group2: 6, group3: 3 }}>\n        <ExampleImage />\n      </Grid>\n      <Grid item columns={{ group2: 6, group3: 3 }}>\n        <ExampleParagraph />\n      </Grid>\n    </Grid>\n    <Grid item columns={{ group2: 2, group3: 2 }}>\n      <ExampleImage />\n    </Grid>\n    <Grid item columns={{ group2: 4, group3: 4 }}>\n      <ExampleParagraph />\n    </Grid>\n  </Grid>\n);\n```\n\nScreenshot of this example with GEL Gutters and GEL Margins enabled\n![Screenshot of this example with GEL Gutters and GEL Margins enabled](packages/components/psammead-grid/documentation/Screenshot-example-with-gelMargins-and-gelGutters.png)\n\n### When to use this component\n\nThis `Grid` component can be used for page-level layouts as well as for layouts of individual components. You can nest Grids within one another for more complex layouts. Please see the Storybook Stories for examples.\n\n### Frequenty Asked Questions\n\n- When should I use the `item` prop?\n  - The `item` prop should be used on a child Grid element, that is a direct child of a `<Grid>`. Using the `columns` prop's values you can choose how many columns to span at each breakpoint.\n  - It can and should be used whenever you're defining a new grid item - something that you want to span a set number of columns at a breakpoint.\n- When should I use the `columns` prop?\n  - This should always be defined.\n  - For a `<Grid>` element, it's the number of columns the grid has.\n  - For a `<Grid item>` element, it's the number of columns it should span.\n- When should I use the `startOffset` prop?\n  - `startOffset` is an object just like the `columns` prop. You can set it on a Grid child element to start it at a column other than the first one.\n  - If you don't pass it in, the value defaults to 1, the start of the grid.\n- Why is there no vertical spacing on the grid?\n  - The Grid implementation only has gutters/margins for columns, [according to the GEL specification](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes). This is to allow flexibility for a variety of spacing. To add vertical spacing, you should add padding/margin/top/bottom to the contents.\n\n<!-- ### When not to use this component -->\n\n### Accessibility notes\n\nCurrently this component is in alpha. This is because it has not yet been tested with various assistive technologies. After it has had an accessibility swarm, this will be published under a standard version.\n\n## Roadmap\n\nCurrently the fallback for browsers that don't support CSS Grid is that there are no gutters or margins applied. We will implement a fix for this in a future version.\n\n## Contributing\n\nPsammead is completely open source. We are grateful for any contributions, whether they be new components, bug fixes or general improvements. Please see our primary contributing guide which can be found at [the root of the Psammead respository](https://github.com/bbc/psammead/blob/latest/CONTRIBUTING.md).\n\n### [Code of Conduct](https://github.com/bbc/psammead/blob/latest/CODE_OF_CONDUCT.md)\n\nWe welcome feedback and help on this work. By participating in this project, you agree to abide by the [code of conduct](https://github.com/bbc/psammead/blob/latest/CODE_OF_CONDUCT.md). Please take a moment to read it.\n\n### License\n\nPsammead is [Apache 2.0 licensed](https://github.com/bbc/psammead/blob/latest/LICENSE).\n","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.9.0","description":"Grid setup for components","directories":{},"_nodeVersion":"10.16.3","dependencies":{"@bbc/gel-foundations":"^3.4.0","@bbc/psammead-styles":"^4.0.1"},"publishConfig":{"tag":"alpha"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"styled-components":"^4.3.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_1.0.0-alpha.2_1571143455164_0.06492156274892769","host":"s3://npm-registry-packages"}},"1.0.0-alpha.3":{"name":"@bbc/psammead-grid","version":"1.0.0-alpha.3","keywords":["bbc","grid","cssgrid","styled-components"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@1.0.0-alpha.3","maintainers":[{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"cps-jenkins","email":"platform-cps-prod-account@lists.forge.bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"71f74cf94bb736e6dda16b9bdb6a7296b5920448","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-1.0.0-alpha.3.tgz","fileCount":15,"integrity":"sha512-B+nEnRxe5r752sQSlyEhl5KNKCXAx1P7MNNzwJPjaEf/S8V9RtBRxb1u0uyPXD5/9ZmDNcqY/eAWaxv8VE8OWg==","signatures":[{"sig":"MEQCIHjunhEyJYczHE6k/R6niWEbQ3J70JOkODd47Enmemr7AiBk2qMx33xQdo45bTeN9aIMlTNt35zWzS89C5dmWyRCnQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":349887,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdqJQKCRA9TVsSAnZWagAA0skP/jdGcsyae+GinvS4rFf2\nP8Ua1sHriATq8KeusYD6Sm4yOWsoqQuhx6FJi+TGJraJ84n9dhxQCW+ACTDt\nXnzshh7WwB0XocrMIGxVRb60INR11XKTeu5hXCh4IavX+EhD8XqjsQrxsOds\no2W4z3n9GTo5oDhxjvgGzgwQoeG7WBsmIPiYIkiZemWcIWggzP/xLkWpxdyR\n/+dJsfkGKuipoB3lSL9XCvtYVzx8oRa3xQ3DJFOcbMtpWPqD6qzs25uZqk+h\nnk3BxmUM5xZLxxJKm1iy9I1LrPiDRl5oqZe/C3pW/GXGSKp+NgXu5bndTQde\nF22HLdemHp1LOQ8uahhJ0YMAbbYuxh3UCXuXbyDWJVyNZvJDU04QQa7qT1wW\nPKq2FThhUpJVfLMGyCmXn68o4nXNDHUS6XHHar5VsnfyY/TXGS4TiU/etAwk\nhU4P0DhrxJXtgK/eLb/VET/Qr6geRNZsGLBM8GOquOFFeR7+MGHFLCpPoinP\niBsIyUJWNB4V+AEP79LzBqqjpybzzndKPgzr655/2EuhhJTWJPjDsLkEE9nK\n3jFTDNl1HTAkrjxUAZreTbeUAqcWMv7WgvwQIT5EubcBeVGnHB4SVZtlzi3Z\n7pT6xRu9Z9jieAmQLp3ZQxwaSVUQjUt7y31GOTH2ZmUmUJhYVjRokozxlPXl\nJr3R\r\n=9PEW\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","readme":"<!-- prettier-ignore -->\n# psammead-grid - [![Known Vulnerabilities](https://snyk.io/test/github/bbc/psammead/badge.svg?targetFile=packages%2Fcomponents%2Fpsammead-grid%2Fpackage.json)](https://snyk.io/test/github/bbc/psammead?targetFile=packages%2Fcomponents%2Fpsammead-grid%2Fpackage.json) [![Dependency Status](https://david-dm.org/bbc/psammead.svg?path=packages/components/psammead-grid)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-grid) [![peerDependencies Status](https://david-dm.org/bbc/psammead/peer-status.svg?path=packages/components/psammead-grid)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-grid&type=peer) [![Storybook](https://raw.githubusercontent.com/storybooks/brand/master/badge/badge-storybook.svg?sanitize=true)](https://bbc.github.io/psammead/?path=/story/grid--default) [![GitHub license](https://img.shields.io/badge/license-Apache%202.0-blue.svg)](https://github.com/bbc/psammead/blob/latest/LICENSE) [![npm version](https://img.shields.io/npm/v/@bbc/psammead-grid.svg)](https://www.npmjs.com/package/@bbc/psammead-grid) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/bbc/psammead/blob/latest/CONTRIBUTING.md)\n\n## Description\n\nPsammead Grid is a component that you can use to set out column-based layouts using CSS Grid. It is set up to follow the standard [GEL groups for breakpoints](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes) and you can toggle on the GEL margins, gutters and fixed widths, in accordance with the GEL grid guidelines if you are using it for page layouts.\n\n## Installation\n\n`npm install @bbc/psammead-grid`\n\n## Props\n\n<!-- prettier-ignore -->\n| Argument | Type | Required | Default | Example |\n| -------- | ---- | -------- | ------- | ------- |\n| columns | object | yes | N/A | { group0: 6, group1: 6, group2: 6, group3: 6, group4: 8, group5: 20 } |\n| startOffset | object | no | Sets all values as 1 for each of the groups defined in `columns` | { group0: 1, group1: 1, group2: 1, group3: 1, group4: 2, group5: 5 } |\n| item | boolean | no | false | `item` |\n| enableGelGutters | boolean | no | false | `enableGelGutter` |\n| enableGelMargins | boolean | no | false | `enableGelMargins` |\n\n- When should I use the `columns` prop?\n  - This should always be defined.\n  - For a `<Grid>` element, it's the number of columns the grid has, and the number of columns it should span.\n  - For a `<Grid item>` element, it's the number of columns it should span.\n- When should I use the `item` prop?\n  - The `item` prop should be used on a `<Grid>` that is a direct child of another `<Grid>`. Using the `columns` prop's values you can choose how many columns to span at each breakpoint.\n  - It can and should be used whenever you're defining a new grid item - something that you want to span a set number of columns at a breakpoint.\n\n```jsx\n<Grid columns={{ group5: 6 }}>\n  <Grid item columns={{ group5: 1 }}>\n    This spans 1 out of 6 columns\n  </Grid>\n  <Grid item columns={{ group5: 5 }}>\n    This spans 5 out of 6 columns\n  </Grid>\n</Grid>\n```\n\n- When should I use the `startOffset` prop?\n  - `startOffset` is an object structured just like the `columns` prop. You can set it on a `<Grid item>` element to start it at a column other than the first one.\n  - If you don't pass it in, the offset value defaults to 1, the start of the grid.\n- Why is there no vertical spacing on the grid?\n  - The Grid implementation only has gutters/margins for columns, [according to the GEL specification](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes). This is to allow flexibility for a variety of spacing. To add vertical spacing, you should add padding/margin/top/bottom to the contents.\n\n## Usage\n\nWe use the GEL Grid for our breakpoints, as well as for our standard gutters and margins. [The values are defined here in the GEL Grid documentation](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes).\n\nWhen we refer to `group3` in this component, we're referring to the breakpoint with a minimum width `GEL_GROUP_3_SCREEN_WIDTH_MIN` & a maximum width `GEL_GROUP_3_SCREEN_WIDTH_MAX`. These values are defined within [`@bbc/gel-foundations/breakpoints`](https://github.com/bbc/psammead/blob/latest/packages/utilities/gel-foundations/src/breakpoints.js).\n\n#### <a name=\"simple-example\">Simple example</a>\n\nHere is an example of a `<Grid>` that has 8 columns for `group4` (from 1008px to 1279px). It has two child `<Grid item>` elements, one which spans 6/8 columns and one which spans 2/8 columns within this breakpoint.\n\nIn this example groups 1, 2, 3, & 5 are omitted from the `columns` prop - so at those breakpoints items fill the whole width of the page.\n\n```jsx\nimport Grid from '@bbc/psammead-grid';\n\nconst MyComponent = () => (\n  <Grid columns={{ group4: 8 }}>\n    <Grid item columns={{ group4: 6 }}>\n      <p>Item 1 - Paragraph that spans 6 out of 8 columns through group4</p>\n    </Grid>\n    <Grid item columns={{ group4: 2 }}>\n      <p>Item 2 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n    <Grid item columns={{ group4: 2 }}>\n      <p>Item 3 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n    <Grid item columns={{ group4: 2 }}>\n      <p>Item 4 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n  </Grid>\n);\n```\n\nImage of this example when viewed at within `group4` (from 1008px to 1279px). When you look at this example at any other breakpoint, each of the four items fill up the full width of the row.\n![8 column grid with items 6 2 2 2 with labels](packages/components/psammead-grid/documentation/8-column-grid-with-items-6-2-2-2-with-labels.png)\n\n#### <a name=\"multiple-groups\">Setting values for multiple groups</a>\n\n```jsx\nimport Grid from '@bbc/psammead-grid';\n\nconst MyComponent = () => (\n  <Grid columns={{ group3: 6, group4: 8 }}>\n    <Grid item columns={{ group3: 6, group4: 6 }}>\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 6/8 columns\n      </p>\n    </Grid>\n    <Grid item columns={{ group3: 6, group4: 2 }}>\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 2/8 columns\n      </p>\n    </Grid>\n  </Grid>\n);\n```\n\nScreenshot of this example without GEL Gutters and GEL Margins\n![Screenshot of this example without GEL Gutters and GEL Margins](packages/components/psammead-grid/documentation/screenshot-example-without-gelMargins-and-gelGutters.png)\n\n#### <a name=\"gutters-margins\">Setting standard GEL gutters and GEL Margins</a>\n\nUsing `enableGelGutters` and `enableGelMargins` on the `Grid` element. Note: these should _not_ be added to a `<Grid item>` element!\n\n```jsx\nimport Grid from '@bbc/psammead-grid';\n\nconst MyComponent = () => (\n  <Grid enableGelGutters enableGelMargins columns={{ group3: 6, group4: 8 }}>\n    <Grid item columns={{ group3: 6, group4: 6 }}>\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 6/8 columns\n      </p>\n    </Grid>\n    <Grid item columns={{ group3: 6, group4: 2 }}>\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 2/8 columns\n      </p>\n    </Grid>\n  </Grid>\n);\n```\n\n#### <a name=\"nested-grid\">Nested grid example</a>\n\nNote that here, any time you use `<Grid>` that generates a new grid. The total number of columns at each breakpoint is set via the `columns` prop. Then to define how many columns the child `<Grid item >` should span, you can use the `columns` prop on the `<Grid item>`.\n\n```jsx\nimport Grid from '@bbc/psammead-grid';\n\nconst MyComponent = () => (\n  <Grid columns={{ group2: 6, group3: 6 }}>\n    <Grid columns={{ group2: 6, group3: 6 }}>\n      <Grid item columns={{ group2: 6, group3: 3 }}>\n        <ExampleImage />\n      </Grid>\n      <Grid item columns={{ group2: 6, group3: 3 }}>\n        <ExampleParagraph />\n      </Grid>\n    </Grid>\n    <Grid item columns={{ group2: 2, group3: 2 }}>\n      <ExampleImage />\n    </Grid>\n    <Grid item columns={{ group2: 4, group3: 4 }}>\n      <ExampleParagraph />\n    </Grid>\n  </Grid>\n);\n```\n\nScreenshot of this example with GEL Gutters and GEL Margins enabled\n![Screenshot of this example with GEL Gutters and GEL Margins enabled](packages/components/psammead-grid/documentation/Screenshot-example-with-gelMargins-and-gelGutters.png)\n\n### When to use this component\n\nThis `Grid` component can be used for page-level layouts as well as for layouts of individual components. You can nest Grids within one another for more complex layouts. Please see the Storybook Stories for examples.\n\n### Frequenty Asked Questions\n\n- When should I use the `item` prop?\n  - The `item` prop should be used on a child Grid element, that is a direct child of a `<Grid>`. Using the `columns` prop's values you can choose how many columns to span at each breakpoint.\n  - It can and should be used whenever you're defining a new grid item - something that you want to span a set number of columns at a breakpoint.\n- When should I use the `columns` prop?\n  - This should always be defined.\n  - For a `<Grid>` element, it's the number of columns the grid has.\n  - For a `<Grid item>` element, it's the number of columns it should span.\n- When should I use the `startOffset` prop?\n  - `startOffset` is an object just like the `columns` prop. You can set it on a Grid child element to start it at a column other than the first one.\n  - If you don't pass it in, the value defaults to 1, the start of the grid.\n- Why is there no vertical spacing on the grid?\n  - The Grid implementation only has gutters/margins for columns, [according to the GEL specification](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes). This is to allow flexibility for a variety of spacing. To add vertical spacing, you should add padding/margin/top/bottom to the contents.\n\n<!-- ### When not to use this component -->\n\n### Accessibility notes\n\nCurrently this component is in alpha. This is because it has not yet been tested with various assistive technologies. After it has had an accessibility swarm, this will be published under a standard version.\n\n## Roadmap\n\nCurrently the fallback for browsers that don't support CSS Grid is that there are no gutters or margins applied. We will implement a fix for this in a future version.\n\n## Contributing\n\nPsammead is completely open source. We are grateful for any contributions, whether they be new components, bug fixes or general improvements. Please see our primary contributing guide which can be found at [the root of the Psammead respository](https://github.com/bbc/psammead/blob/latest/CONTRIBUTING.md).\n\n### [Code of Conduct](https://github.com/bbc/psammead/blob/latest/CODE_OF_CONDUCT.md)\n\nWe welcome feedback and help on this work. By participating in this project, you agree to abide by the [code of conduct](https://github.com/bbc/psammead/blob/latest/CODE_OF_CONDUCT.md). Please take a moment to read it.\n\n### License\n\nPsammead is [Apache 2.0 licensed](https://github.com/bbc/psammead/blob/latest/LICENSE).\n","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.9.0","description":"Grid setup for components","directories":{},"_nodeVersion":"10.16.3","dependencies":{"@bbc/gel-foundations":"^3.4.0","@bbc/psammead-styles":"^4.0.1"},"publishConfig":{"tag":"alpha"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"styled-components":"^4.3.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_1.0.0-alpha.3_1571329033581_0.21275961203288007","host":"s3://npm-registry-packages"}},"1.0.0-alpha.4":{"name":"@bbc/psammead-grid","version":"1.0.0-alpha.4","keywords":["bbc","grid","cssgrid","styled-components"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@1.0.0-alpha.4","maintainers":[{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"cps-jenkins","email":"platform-cps-prod-account@lists.forge.bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"015c9f16649694efd9c3cc69af5e30282c14d60b","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-1.0.0-alpha.4.tgz","fileCount":15,"integrity":"sha512-fdd7XLi8DSLX0i2/njPd613yMlIVho0ABik4PkKcVzo2Xyf4GAN8+MRu+SWsXOOo3Rju3djjPvYtwTU4H+qiLQ==","signatures":[{"sig":"MEUCIHrJ62DniPJVyoUUau2rWPhc46JFp9Rh9Rg388wnfXSVAiEA50TJx4anJ+L/4dXGbaihP02WawtsFrh8aWBIiNpBMi4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":350009,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdrZJRCRA9TVsSAnZWagAAlq8P/3vYqx2HsGNXGT9Imhjj\nkNZeXxb4pbotPitKuRyMWQ81s3Ewrw1mH4boYO7aAIv9dSwnZcMO2KW4O5hj\nZS9fIYgqY6EpkbQTRLuIaHa2QVd7XypHCeuFnpkDR2e48PqSKpIwacJaCl70\nBoh5bB0Ts1oue8/KCnp35IJEciQEoLw6D9wq1fdxxFzRDOZ+Mnklica/+gsX\nOPx7J6Aou9htPWvvaK3YFurOV13QvIRnMUAMue+eYGZO4kNcIa4k+DiLhiwA\nirS9gwNHC04BREY0z8cEnwn9JUWFcsVRO/V2EbN7p2IY3Wei0VxBz/2TTk8E\nlWDjBonFEOV/QXDmDA2QPuYMiO1JgausjGmDqPUBcbsuIGiVfkne4j7LlDy+\n8JvYLymK8RIoY7vVJpJmWrEzXnlc28gV9/xMZha6SrxqbW4Cj06AU6bZlBp2\nnKD3fnd1FPEKD+pzjM90yz4eH2I4GJsspxdK2iZENMCVS6vvd486GtgkLka8\n2dcEBNtN4CXY58X3W7Js9sCxlr+0PxQrcQnUGnHanbHkaw9PHmHWRLA8CUJd\nFlQ8p2ZFuOr3oGrhywkFPGH6ZdR2hV0pxjF/pOOtyDdFqTVFJpOMeTXGEYD4\nvvEwE/MxHMN/h5RpeUZ9aA5RxjHaYO6rfNcJpILZpAcnxovSegIz5RGE3iyt\naVx0\r\n=24HX\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","readme":"<!-- prettier-ignore -->\n# psammead-grid - [![Known Vulnerabilities](https://snyk.io/test/github/bbc/psammead/badge.svg?targetFile=packages%2Fcomponents%2Fpsammead-grid%2Fpackage.json)](https://snyk.io/test/github/bbc/psammead?targetFile=packages%2Fcomponents%2Fpsammead-grid%2Fpackage.json) [![Dependency Status](https://david-dm.org/bbc/psammead.svg?path=packages/components/psammead-grid)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-grid) [![peerDependencies Status](https://david-dm.org/bbc/psammead/peer-status.svg?path=packages/components/psammead-grid)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-grid&type=peer) [![Storybook](https://raw.githubusercontent.com/storybooks/brand/master/badge/badge-storybook.svg?sanitize=true)](https://bbc.github.io/psammead/?path=/story/grid--default) [![GitHub license](https://img.shields.io/badge/license-Apache%202.0-blue.svg)](https://github.com/bbc/psammead/blob/latest/LICENSE) [![npm version](https://img.shields.io/npm/v/@bbc/psammead-grid.svg)](https://www.npmjs.com/package/@bbc/psammead-grid) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/bbc/psammead/blob/latest/CONTRIBUTING.md)\n\n## Description\n\nPsammead Grid is a component that you can use to set out column-based layouts using CSS Grid. It is set up to follow the standard [GEL groups for breakpoints](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes) and you can toggle on the GEL margins, gutters and fixed widths, in accordance with the GEL grid guidelines if you are using it for page layouts.\n\n## Installation\n\n`npm install @bbc/psammead-grid`\n\n## Props\n\n<!-- prettier-ignore -->\n| Argument | Type | Required | Default | Example |\n| -------- | ---- | -------- | ------- | ------- |\n| columns | object | yes | N/A | { group0: 6, group1: 6, group2: 6, group3: 6, group4: 8, group5: 20 } |\n| startOffset | object | no | Sets all values as 1 for each of the groups defined in `columns` | { group0: 1, group1: 1, group2: 1, group3: 1, group4: 2, group5: 5 } |\n| item | boolean | no | false | `item` |\n| enableGelGutters | boolean | no | false | `enableGelGutter` |\n| enableGelMargins | boolean | no | false | `enableGelMargins` |\n\n- When should I use the `columns` prop?\n  - This should always be defined.\n  - For a `<Grid>` element, it's the number of columns the grid has, and the number of columns it should span.\n  - For a `<Grid item>` element, it's the number of columns it should span.\n- When should I use the `item` prop?\n  - The `item` prop should be used on a `<Grid>` that is a direct child of another `<Grid>`. Using the `columns` prop's values you can choose how many columns to span at each breakpoint.\n  - It can and should be used whenever you're defining a new grid item - something that you want to span a set number of columns at a breakpoint.\n\n```jsx\n<Grid columns={{ group5: 6 }}>\n  <Grid item columns={{ group5: 1 }}>\n    This spans 1 out of 6 columns\n  </Grid>\n  <Grid item columns={{ group5: 5 }}>\n    This spans 5 out of 6 columns\n  </Grid>\n</Grid>\n```\n\n- When should I use the `startOffset` prop?\n  - `startOffset` is an object structured just like the `columns` prop. You can set it on a `<Grid item>` element to start it at a column other than the first one.\n  - If you don't pass it in, the offset value defaults to 1, the start of the grid.\n- Why is there no vertical spacing on the grid?\n  - The Grid implementation only has gutters/margins for columns, [according to the GEL specification](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes). This is to allow flexibility for a variety of spacing. To add vertical spacing, you should add padding/margin/top/bottom to the contents.\n\n## Usage\n\nWe use the GEL Grid for our breakpoints, as well as for our standard gutters and margins. [The values are defined here in the GEL Grid documentation](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes).\n\nWhen we refer to `group3` in this component, we're referring to the breakpoint with a minimum width `GEL_GROUP_3_SCREEN_WIDTH_MIN` & a maximum width `GEL_GROUP_3_SCREEN_WIDTH_MAX`. These values are defined within [`@bbc/gel-foundations/breakpoints`](https://github.com/bbc/psammead/blob/latest/packages/utilities/gel-foundations/src/breakpoints.js).\n\n#### <a name=\"simple-example\">Simple example</a>\n\nHere is an example of a `<Grid>` that has 8 columns for `group4` (from 1008px to 1279px). It has two child `<Grid item>` elements, one which spans 6/8 columns and one which spans 2/8 columns within this breakpoint.\n\nIn this example groups 1, 2, 3, & 5 are omitted from the `columns` prop - so at those breakpoints items fill the whole width of the page.\n\n```jsx\nimport Grid from '@bbc/psammead-grid';\n\nconst MyComponent = () => (\n  <Grid columns={{ group4: 8 }}>\n    <Grid item columns={{ group4: 6 }}>\n      <p>Item 1 - Paragraph that spans 6 out of 8 columns through group4</p>\n    </Grid>\n    <Grid item columns={{ group4: 2 }}>\n      <p>Item 2 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n    <Grid item columns={{ group4: 2 }}>\n      <p>Item 3 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n    <Grid item columns={{ group4: 2 }}>\n      <p>Item 4 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n  </Grid>\n);\n```\n\nImage of this example when viewed at within `group4` (from 1008px to 1279px). When you look at this example at any other breakpoint, each of the four items fill up the full width of the row.\n![8 column grid with items 6 2 2 2 with labels](packages/components/psammead-grid/documentation/8-column-grid-with-items-6-2-2-2-with-labels.png)\n\n#### <a name=\"multiple-groups\">Setting values for multiple groups</a>\n\n```jsx\nimport Grid from '@bbc/psammead-grid';\n\nconst MyComponent = () => (\n  <Grid columns={{ group3: 6, group4: 8 }}>\n    <Grid item columns={{ group3: 6, group4: 6 }}>\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 6/8 columns\n      </p>\n    </Grid>\n    <Grid item columns={{ group3: 6, group4: 2 }}>\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 2/8 columns\n      </p>\n    </Grid>\n  </Grid>\n);\n```\n\nScreenshot of this example without GEL Gutters and GEL Margins\n![Screenshot of this example without GEL Gutters and GEL Margins](packages/components/psammead-grid/documentation/screenshot-example-without-gelMargins-and-gelGutters.png)\n\n#### <a name=\"gutters-margins\">Setting standard GEL gutters and GEL Margins</a>\n\nUsing `enableGelGutters` and `enableGelMargins` on the `Grid` element. Note: these should _not_ be added to a `<Grid item>` element!\n\n```jsx\nimport Grid from '@bbc/psammead-grid';\n\nconst MyComponent = () => (\n  <Grid enableGelGutters enableGelMargins columns={{ group3: 6, group4: 8 }}>\n    <Grid item columns={{ group3: 6, group4: 6 }}>\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 6/8 columns\n      </p>\n    </Grid>\n    <Grid item columns={{ group3: 6, group4: 2 }}>\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 2/8 columns\n      </p>\n    </Grid>\n  </Grid>\n);\n```\n\n#### <a name=\"nested-grid\">Nested grid example</a>\n\nNote that here, any time you use `<Grid>` that generates a new grid. The total number of columns at each breakpoint is set via the `columns` prop. Then to define how many columns the child `<Grid item >` should span, you can use the `columns` prop on the `<Grid item>`.\n\n```jsx\nimport Grid from '@bbc/psammead-grid';\n\nconst MyComponent = () => (\n  <Grid columns={{ group2: 6, group3: 6 }}>\n    <Grid columns={{ group2: 6, group3: 6 }}>\n      <Grid item columns={{ group2: 6, group3: 3 }}>\n        <ExampleImage />\n      </Grid>\n      <Grid item columns={{ group2: 6, group3: 3 }}>\n        <ExampleParagraph />\n      </Grid>\n    </Grid>\n    <Grid item columns={{ group2: 2, group3: 2 }}>\n      <ExampleImage />\n    </Grid>\n    <Grid item columns={{ group2: 4, group3: 4 }}>\n      <ExampleParagraph />\n    </Grid>\n  </Grid>\n);\n```\n\nScreenshot of this example with GEL Gutters and GEL Margins enabled\n![Screenshot of this example with GEL Gutters and GEL Margins enabled](packages/components/psammead-grid/documentation/Screenshot-example-with-gelMargins-and-gelGutters.png)\n\n### When to use this component\n\nThis `Grid` component can be used for page-level layouts as well as for layouts of individual components. You can nest Grids within one another for more complex layouts. Please see the Storybook Stories for examples.\n\n### Frequenty Asked Questions\n\n- When should I use the `item` prop?\n  - The `item` prop should be used on a child Grid element, that is a direct child of a `<Grid>`. Using the `columns` prop's values you can choose how many columns to span at each breakpoint.\n  - It can and should be used whenever you're defining a new grid item - something that you want to span a set number of columns at a breakpoint.\n- When should I use the `columns` prop?\n  - This should always be defined.\n  - For a `<Grid>` element, it's the number of columns the grid has.\n  - For a `<Grid item>` element, it's the number of columns it should span.\n- When should I use the `startOffset` prop?\n  - `startOffset` is an object just like the `columns` prop. You can set it on a Grid child element to start it at a column other than the first one.\n  - If you don't pass it in, the value defaults to 1, the start of the grid.\n- Why is there no vertical spacing on the grid?\n  - The Grid implementation only has gutters/margins for columns, [according to the GEL specification](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes). This is to allow flexibility for a variety of spacing. To add vertical spacing, you should add padding/margin/top/bottom to the contents.\n\n<!-- ### When not to use this component -->\n\n### Accessibility notes\n\nCurrently this component is in alpha. This is because it has not yet been tested with various assistive technologies. After it has had an accessibility swarm, this will be published under a standard version.\n\n## Roadmap\n\nCurrently the fallback for browsers that don't support CSS Grid is that there are no gutters or margins applied. We will implement a fix for this in a future version.\n\n## Contributing\n\nPsammead is completely open source. We are grateful for any contributions, whether they be new components, bug fixes or general improvements. Please see our primary contributing guide which can be found at [the root of the Psammead respository](https://github.com/bbc/psammead/blob/latest/CONTRIBUTING.md).\n\n### [Code of Conduct](https://github.com/bbc/psammead/blob/latest/CODE_OF_CONDUCT.md)\n\nWe welcome feedback and help on this work. By participating in this project, you agree to abide by the [code of conduct](https://github.com/bbc/psammead/blob/latest/CODE_OF_CONDUCT.md). Please take a moment to read it.\n\n### License\n\nPsammead is [Apache 2.0 licensed](https://github.com/bbc/psammead/blob/latest/LICENSE).\n","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.9.0","description":"Grid setup for components","directories":{},"_nodeVersion":"10.16.3","dependencies":{"@bbc/gel-foundations":"^3.4.0","@bbc/psammead-styles":"^4.0.3"},"publishConfig":{"tag":"alpha"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"styled-components":"^4.3.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_1.0.0-alpha.4_1571656272476_0.853831657446815","host":"s3://npm-registry-packages"}},"1.0.0-alpha.5":{"name":"@bbc/psammead-grid","version":"1.0.0-alpha.5","keywords":["bbc","grid","cssgrid","styled-components"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@1.0.0-alpha.5","maintainers":[{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"cps-jenkins","email":"platform-cps-prod-account@lists.forge.bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"1b68832b8b926945442a2a06e64538caf905705d","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-1.0.0-alpha.5.tgz","fileCount":15,"integrity":"sha512-SYcIU2NYqTxXUwUqcuPqK7HARTsm3AZC67B/tLZx/JkhuhxmUgzjjJHM2J0f9RejvYU+H66K131szF+DSmvYLw==","signatures":[{"sig":"MEQCIGeKQoyjJDFK8XU/x0gwy+Qa0STWYDw5JKHB1RbBihkrAiAPWUKDzRTJwd6bO1EXqWkaOR6/QDdpCidVplQ6HAe8uw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":355253,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdraJ+CRA9TVsSAnZWagAA3YsQAIDV3Mp0uil1pI0rytvC\nMa7kim6wr7qj6NhsFADCtF2Nd/PBsmKw2c3Y9ODpcqVk2VCfbgUQFXN7FMmt\nwrG/W+iuHIxWkpr+Agw6DS8QJ7+rfbY2cXUrYwAySaN3ivq6BcH7MLHWeTNG\nkk+tk7xNkNa09rBNvL9Ik1a3CM4WNLJJI5aUiR8qO/Wne68yGppK6o/Nlt/b\nU6HK7JPjjOpYrwja4lJ+8wlsKe9wc7VnO7a+Txw6FaMi0dVVzPTQrPDsxX1U\nPuc7HzQddEgZPAW8/WzPwpVTiSGEyUjFZFp2Yvk1+97nTAf4WUHe6/MfNrNG\nFOQ73k1YGMXoBFfPhMe6AnFlVGgRZpYIiwnxYyh1N2Z2WebS/rNhQIRnMK5m\naMKCen2w66gSdke+Mz437Bwd6ij89ZGHo7p4uHO/hcqTIIIgzJCk4I/RO9cB\nPv0uTE+loztPhqQLf31qcTKq7/Vt9tQ6No/lngU0HxJb6WZFgCmdfbp4lS4r\np6J4IPF8l/RBX2M09dz1GVzUjVy8TQch2laofq/hJeJQTrbuBWkoj2t/bMGl\nbTnz6hN8ojRZkUFhwQ18Z26Lo9OYeAeo9bDs3YgE+kVIl1jER0wY95vloUbz\nUA8JnOBVXji2BOcASJPJtClMhdASaXQ6gKpp8aEjKK9ru+WsN1CVKeh9Tu3q\nH7S9\r\n=pw64\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","readme":"<!-- prettier-ignore -->\n# psammead-grid - [![Known Vulnerabilities](https://snyk.io/test/github/bbc/psammead/badge.svg?targetFile=packages%2Fcomponents%2Fpsammead-grid%2Fpackage.json)](https://snyk.io/test/github/bbc/psammead?targetFile=packages%2Fcomponents%2Fpsammead-grid%2Fpackage.json) [![Dependency Status](https://david-dm.org/bbc/psammead.svg?path=packages/components/psammead-grid)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-grid) [![peerDependencies Status](https://david-dm.org/bbc/psammead/peer-status.svg?path=packages/components/psammead-grid)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-grid&type=peer) [![Storybook](https://raw.githubusercontent.com/storybooks/brand/master/badge/badge-storybook.svg?sanitize=true)](https://bbc.github.io/psammead/?path=/story/grid--default) [![GitHub license](https://img.shields.io/badge/license-Apache%202.0-blue.svg)](https://github.com/bbc/psammead/blob/latest/LICENSE) [![npm version](https://img.shields.io/npm/v/@bbc/psammead-grid.svg)](https://www.npmjs.com/package/@bbc/psammead-grid) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/bbc/psammead/blob/latest/CONTRIBUTING.md)\n\n## Description\n\nPsammead Grid is a component that you can use to set out column-based layouts using CSS Grid. It is set up to follow the standard [GEL groups for breakpoints](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes) and you can toggle on the GEL margins, gutters and fixed widths, in accordance with the GEL grid guidelines if you are using it for page layouts.\n\n## Installation\n\n`npm install @bbc/psammead-grid`\n\n## Props\n\n<!-- prettier-ignore -->\n| Argument | Type | Required | Default | Example |\n| -------- | ---- | -------- | ------- | ------- |\n| columns | object | yes | N/A | { group0: 6, group1: 6, group2: 6, group3: 6, group4: 8, group5: 20 } |\n| startOffset | object | no | Sets all values as 1 for each of the groups defined in `columns` | { group0: 1, group1: 1, group2: 1, group3: 1, group4: 2, group5: 5 } |\n| item | boolean | no | false | `item` |\n| enableGelGutters | boolean | no | false | `enableGelGutter` |\n| enableGelMargins | boolean | no | false | `enableGelMargins` |\n\n- When should I use the `columns` prop?\n  - This should always be defined.\n  - For a `<Grid>` element, it's the number of columns the grid has, and the number of columns it should span.\n  - For a `<Grid item>` element, it's the number of columns it should span.\n- When should I use the `item` prop?\n  - The `item` prop should be used on a `<Grid>` that is a direct child of another `<Grid>`. Using the `columns` prop's values you can choose how many columns to span at each breakpoint.\n  - It can and should be used whenever you're defining a new grid item - something that you want to span a set number of columns at a breakpoint.\n\n```jsx\n<Grid columns={{ group5: 6 }}>\n  <Grid item columns={{ group5: 1 }}>\n    This spans 1 out of 6 columns\n  </Grid>\n  <Grid item columns={{ group5: 5 }}>\n    This spans 5 out of 6 columns\n  </Grid>\n</Grid>\n```\n\n- When should I use the `startOffset` prop?\n  - `startOffset` is an object structured just like the `columns` prop. You can set it on a `<Grid item>` element to start it at a column other than the first one.\n  - If you don't pass it in, the offset value defaults to 1, the start of the grid.\n- Why is there no vertical spacing on the grid?\n  - The Grid implementation only has gutters/margins for columns, [according to the GEL specification](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes). This is to allow flexibility for a variety of spacing. To add vertical spacing, you should add padding/margin/top/bottom to the contents.\n\n## Usage\n\nWe use the GEL Grid for our breakpoints, as well as for our standard gutters and margins. [The values are defined here in the GEL Grid documentation](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes).\n\nWhen we refer to `group3` in this component, we're referring to the breakpoint with a minimum width `GEL_GROUP_3_SCREEN_WIDTH_MIN` & a maximum width `GEL_GROUP_3_SCREEN_WIDTH_MAX`. These values are defined within [`@bbc/gel-foundations/breakpoints`](https://github.com/bbc/psammead/blob/latest/packages/utilities/gel-foundations/src/breakpoints.js).\n\n#### <a name=\"simple-example\">Simple example</a>\n\nHere is an example of a `<Grid>` that has 8 columns for `group4` (from 1008px to 1279px). It has two child `<Grid item>` elements, one which spans 6/8 columns and one which spans 2/8 columns within this breakpoint.\n\nIn this example groups 1, 2, 3, & 5 are omitted from the `columns` prop - so at those breakpoints items fill the whole width of the page.\n\n```jsx\nimport Grid from '@bbc/psammead-grid';\n\nconst MyComponent = () => (\n  <Grid columns={{ group4: 8 }}>\n    <Grid item columns={{ group4: 6 }}>\n      <p>Item 1 - Paragraph that spans 6 out of 8 columns through group4</p>\n    </Grid>\n    <Grid item columns={{ group4: 2 }}>\n      <p>Item 2 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n    <Grid item columns={{ group4: 2 }}>\n      <p>Item 3 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n    <Grid item columns={{ group4: 2 }}>\n      <p>Item 4 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n  </Grid>\n);\n```\n\nImage of this example when viewed at within `group4` (from 1008px to 1279px). When you look at this example at any other breakpoint, each of the four items fill up the full width of the row.\n![8 column grid with items 6 2 2 2 with labels](packages/components/psammead-grid/documentation/8-column-grid-with-items-6-2-2-2-with-labels.png)\n\n#### <a name=\"multiple-groups\">Setting values for multiple groups</a>\n\n```jsx\nimport Grid from '@bbc/psammead-grid';\n\nconst MyComponent = () => (\n  <Grid columns={{ group3: 6, group4: 8 }}>\n    <Grid item columns={{ group3: 6, group4: 6 }}>\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 6/8 columns\n      </p>\n    </Grid>\n    <Grid item columns={{ group3: 6, group4: 2 }}>\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 2/8 columns\n      </p>\n    </Grid>\n  </Grid>\n);\n```\n\nScreenshot of this example without GEL Gutters and GEL Margins\n![Screenshot of this example without GEL Gutters and GEL Margins](packages/components/psammead-grid/documentation/screenshot-example-without-gelMargins-and-gelGutters.png)\n\n#### <a name=\"gutters-margins\">Setting standard GEL gutters and GEL Margins</a>\n\nUsing `enableGelGutters` and `enableGelMargins` on the `Grid` element. Note: these should _not_ be added to a `<Grid item>` element!\n\n```jsx\nimport Grid from '@bbc/psammead-grid';\n\nconst MyComponent = () => (\n  <Grid enableGelGutters enableGelMargins columns={{ group3: 6, group4: 8 }}>\n    <Grid item columns={{ group3: 6, group4: 6 }}>\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 6/8 columns\n      </p>\n    </Grid>\n    <Grid item columns={{ group3: 6, group4: 2 }}>\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 2/8 columns\n      </p>\n    </Grid>\n  </Grid>\n);\n```\n\n#### <a name=\"nested-grid\">Nested grid example</a>\n\nNote that here, any time you use `<Grid>` that generates a new grid. The total number of columns at each breakpoint is set via the `columns` prop. Then to define how many columns the child `<Grid item >` should span, you can use the `columns` prop on the `<Grid item>`.\n\n```jsx\nimport Grid from '@bbc/psammead-grid';\n\nconst MyComponent = () => (\n  <Grid columns={{ group2: 6, group3: 6 }}>\n    <Grid columns={{ group2: 6, group3: 6 }}>\n      <Grid item columns={{ group2: 6, group3: 3 }}>\n        <ExampleImage />\n      </Grid>\n      <Grid item columns={{ group2: 6, group3: 3 }}>\n        <ExampleParagraph />\n      </Grid>\n    </Grid>\n    <Grid item columns={{ group2: 2, group3: 2 }}>\n      <ExampleImage />\n    </Grid>\n    <Grid item columns={{ group2: 4, group3: 4 }}>\n      <ExampleParagraph />\n    </Grid>\n  </Grid>\n);\n```\n\nScreenshot of this example with GEL Gutters and GEL Margins enabled\n![Screenshot of this example with GEL Gutters and GEL Margins enabled](packages/components/psammead-grid/documentation/Screenshot-example-with-gelMargins-and-gelGutters.png)\n\n### When to use this component\n\nThis `Grid` component can be used for page-level layouts as well as for layouts of individual components. You can nest Grids within one another for more complex layouts. Please see the Storybook Stories for examples.\n\n### Frequenty Asked Questions\n\n- When should I use the `item` prop?\n  - The `item` prop should be used on a child Grid element, that is a direct child of a `<Grid>`. Using the `columns` prop's values you can choose how many columns to span at each breakpoint.\n  - It can and should be used whenever you're defining a new grid item - something that you want to span a set number of columns at a breakpoint.\n- When should I use the `columns` prop?\n  - This should always be defined.\n  - For a `<Grid>` element, it's the number of columns the grid has.\n  - For a `<Grid item>` element, it's the number of columns it should span.\n- When should I use the `startOffset` prop?\n  - `startOffset` is an object just like the `columns` prop. You can set it on a Grid child element to start it at a column other than the first one.\n  - If you don't pass it in, the value defaults to 1, the start of the grid.\n- Why is there no vertical spacing on the grid?\n  - The Grid implementation only has gutters/margins for columns, [according to the GEL specification](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes). This is to allow flexibility for a variety of spacing. To add vertical spacing, you should add padding/margin/top/bottom to the contents.\n\n<!-- ### When not to use this component -->\n\n### Accessibility notes\n\nCurrently this component is in alpha. This is because it has not yet been tested with various assistive technologies. After it has had an accessibility swarm, this will be published under a standard version.\n\n## Roadmap\n\nCurrently the fallback for browsers that don't support CSS Grid is that there are no gutters or margins applied. We will implement a fix for this in a future version.\n\n## Contributing\n\nPsammead is completely open source. We are grateful for any contributions, whether they be new components, bug fixes or general improvements. Please see our primary contributing guide which can be found at [the root of the Psammead respository](https://github.com/bbc/psammead/blob/latest/CONTRIBUTING.md).\n\n### [Code of Conduct](https://github.com/bbc/psammead/blob/latest/CODE_OF_CONDUCT.md)\n\nWe welcome feedback and help on this work. By participating in this project, you agree to abide by the [code of conduct](https://github.com/bbc/psammead/blob/latest/CODE_OF_CONDUCT.md). Please take a moment to read it.\n\n### License\n\nPsammead is [Apache 2.0 licensed](https://github.com/bbc/psammead/blob/latest/LICENSE).\n","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.9.0","description":"Grid setup for components","directories":{},"_nodeVersion":"10.16.3","dependencies":{"@bbc/gel-foundations":"^3.4.0","@bbc/psammead-styles":"^4.0.3"},"publishConfig":{"tag":"alpha"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"styled-components":"^4.3.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_1.0.0-alpha.5_1571660414188_0.05392816725181171","host":"s3://npm-registry-packages"}},"1.0.0-alpha.6":{"name":"@bbc/psammead-grid","version":"1.0.0-alpha.6","keywords":["bbc","grid","cssgrid","styled-components"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@1.0.0-alpha.6","maintainers":[{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"cps-jenkins","email":"platform-cps-prod-account@lists.forge.bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"df5f9e075665b201e9e2c7beff3dcd9e10904c1e","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-1.0.0-alpha.6.tgz","fileCount":15,"integrity":"sha512-D6UDOl5posvqQ/fcVkYNW61+CikaDh2hnfTC5YmabNTpEsqObXywkfMGvwkJFrlCUXoWvGkjsT0XhE+ORp+aBQ==","signatures":[{"sig":"MEQCIE2bU9yspC0HISVhxqmvAifqDVPOgeqwKpEeCbd5NRF5AiBH+XJ9jkP45iZS93b180F/1KRdbMjYQAvW+6oWGQPevg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":355375,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsIGNCRA9TVsSAnZWagAAo4oQAJH8jAlr2CeBsMtVpuAS\nzWI7Wae9RPUA3NIALpZGdjEGluKXDBkA39b58fz6ubakIeNwSRm5q0FqzqDO\nK5lqqZYzMTqy6MMExzami+Cq8mvDXk3nud2dhJx2BMFrQqEt3MIfkrmiUDOu\nq8opOJMuX3PWJWHkgjB/bonUViGT8fBR+faDX46kNIMTCitL9FGCTDCOeZVC\npbKthO/NbGpTB8dC8zgWWeW2HkvgSAlzlSDp68s+qOkslRTWXoYS5kfTvYPc\nJDJkAK6EYLZxlq4K2Et+8A88cmDq2Hb1nYRMagbWBa7Tc4e6Ch7ME7RazjUV\n3dYhxavyAsbl/dzT+kXScK9kpLDjQgkxrE9bqYAPLuDEaA7jIUWSF37FgsRu\nhax/7rKxAtgWsL6CGeZMBWDS+LSbZc0R71rhsubd4wzMFWUZ5qK0F/+YU2OR\n4AiOpAVD64m7n69afWTOmn7emq2fd1fYJ/ytehrggTHx+4L3eXvOd0d00BiW\n9HLcRKnjVnpRHSpZZx2yV1jFbTlqQzmAbQlOogpUKGTMGVBDgX0mY9r7A7tz\nq1QDJNSlmaDEZR/OU9spaSqe38j18zOo9tMpv2pYKKHa3nKYSE/53mpz6rE9\nZbvQTnxeYaDAPoZHzIW8VGe4TsaZpjrzPXBNP2EYIMQqLeNJl1Rdf7sU1H1T\nF3/2\r\n=p4zO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","readme":"<!-- prettier-ignore -->\n# psammead-grid - [![Known Vulnerabilities](https://snyk.io/test/github/bbc/psammead/badge.svg?targetFile=packages%2Fcomponents%2Fpsammead-grid%2Fpackage.json)](https://snyk.io/test/github/bbc/psammead?targetFile=packages%2Fcomponents%2Fpsammead-grid%2Fpackage.json) [![Dependency Status](https://david-dm.org/bbc/psammead.svg?path=packages/components/psammead-grid)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-grid) [![peerDependencies Status](https://david-dm.org/bbc/psammead/peer-status.svg?path=packages/components/psammead-grid)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-grid&type=peer) [![Storybook](https://raw.githubusercontent.com/storybooks/brand/master/badge/badge-storybook.svg?sanitize=true)](https://bbc.github.io/psammead/?path=/story/grid--default) [![GitHub license](https://img.shields.io/badge/license-Apache%202.0-blue.svg)](https://github.com/bbc/psammead/blob/latest/LICENSE) [![npm version](https://img.shields.io/npm/v/@bbc/psammead-grid.svg)](https://www.npmjs.com/package/@bbc/psammead-grid) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/bbc/psammead/blob/latest/CONTRIBUTING.md)\n\n## Description\n\nPsammead Grid is a component that you can use to set out column-based layouts using CSS Grid. It is set up to follow the standard [GEL groups for breakpoints](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes) and you can toggle on the GEL margins, gutters and fixed widths, in accordance with the GEL grid guidelines if you are using it for page layouts.\n\n## Installation\n\n`npm install @bbc/psammead-grid`\n\n## Props\n\n<!-- prettier-ignore -->\n| Argument | Type | Required | Default | Example |\n| -------- | ---- | -------- | ------- | ------- |\n| columns | object | yes | N/A | { group0: 6, group1: 6, group2: 6, group3: 6, group4: 8, group5: 20 } |\n| startOffset | object | no | Sets all values as 1 for each of the groups defined in `columns` | { group0: 1, group1: 1, group2: 1, group3: 1, group4: 2, group5: 5 } |\n| item | boolean | no | false | `item` |\n| enableGelGutters | boolean | no | false | `enableGelGutter` |\n| enableGelMargins | boolean | no | false | `enableGelMargins` |\n\n- When should I use the `columns` prop?\n  - This should always be defined.\n  - For a `<Grid>` element, it's the number of columns the grid has, and the number of columns it should span.\n  - For a `<Grid item>` element, it's the number of columns it should span.\n- When should I use the `item` prop?\n  - The `item` prop should be used on a `<Grid>` that is a direct child of another `<Grid>`. Using the `columns` prop's values you can choose how many columns to span at each breakpoint.\n  - It can and should be used whenever you're defining a new grid item - something that you want to span a set number of columns at a breakpoint.\n\n```jsx\n<Grid columns={{ group5: 6 }}>\n  <Grid item columns={{ group5: 1 }}>\n    This spans 1 out of 6 columns\n  </Grid>\n  <Grid item columns={{ group5: 5 }}>\n    This spans 5 out of 6 columns\n  </Grid>\n</Grid>\n```\n\n- When should I use the `startOffset` prop?\n  - `startOffset` is an object structured just like the `columns` prop. You can set it on a `<Grid item>` element to start it at a column other than the first one.\n  - If you don't pass it in, the offset value defaults to 1, the start of the grid.\n- Why is there no vertical spacing on the grid?\n  - The Grid implementation only has gutters/margins for columns, [according to the GEL specification](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes). This is to allow flexibility for a variety of spacing. To add vertical spacing, you should add padding/margin/top/bottom to the contents.\n\n## Usage\n\nWe use the GEL Grid for our breakpoints, as well as for our standard gutters and margins. [The values are defined here in the GEL Grid documentation](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes).\n\nWhen we refer to `group3` in this component, we're referring to the breakpoint with a minimum width `GEL_GROUP_3_SCREEN_WIDTH_MIN` & a maximum width `GEL_GROUP_3_SCREEN_WIDTH_MAX`. These values are defined within [`@bbc/gel-foundations/breakpoints`](https://github.com/bbc/psammead/blob/latest/packages/utilities/gel-foundations/src/breakpoints.js).\n\n#### <a name=\"simple-example\">Simple example</a>\n\nHere is an example of a `<Grid>` that has 8 columns for `group4` (from 1008px to 1279px). It has two child `<Grid item>` elements, one which spans 6/8 columns and one which spans 2/8 columns within this breakpoint.\n\nIn this example groups 1, 2, 3, & 5 are omitted from the `columns` prop - so at those breakpoints items fill the whole width of the page.\n\n```jsx\nimport Grid from '@bbc/psammead-grid';\n\nconst MyComponent = () => (\n  <Grid columns={{ group4: 8 }}>\n    <Grid item columns={{ group4: 6 }}>\n      <p>Item 1 - Paragraph that spans 6 out of 8 columns through group4</p>\n    </Grid>\n    <Grid item columns={{ group4: 2 }}>\n      <p>Item 2 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n    <Grid item columns={{ group4: 2 }}>\n      <p>Item 3 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n    <Grid item columns={{ group4: 2 }}>\n      <p>Item 4 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n  </Grid>\n);\n```\n\nImage of this example when viewed at within `group4` (from 1008px to 1279px). When you look at this example at any other breakpoint, each of the four items fill up the full width of the row.\n![8 column grid with items 6 2 2 2 with labels](packages/components/psammead-grid/documentation/8-column-grid-with-items-6-2-2-2-with-labels.png)\n\n#### <a name=\"multiple-groups\">Setting values for multiple groups</a>\n\n```jsx\nimport Grid from '@bbc/psammead-grid';\n\nconst MyComponent = () => (\n  <Grid columns={{ group3: 6, group4: 8 }}>\n    <Grid item columns={{ group3: 6, group4: 6 }}>\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 6/8 columns\n      </p>\n    </Grid>\n    <Grid item columns={{ group3: 6, group4: 2 }}>\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 2/8 columns\n      </p>\n    </Grid>\n  </Grid>\n);\n```\n\nScreenshot of this example without GEL Gutters and GEL Margins\n![Screenshot of this example without GEL Gutters and GEL Margins](packages/components/psammead-grid/documentation/screenshot-example-without-gelMargins-and-gelGutters.png)\n\n#### <a name=\"gutters-margins\">Setting standard GEL gutters and GEL Margins</a>\n\nUsing `enableGelGutters` and `enableGelMargins` on the `Grid` element. Note: these should _not_ be added to a `<Grid item>` element!\n\n```jsx\nimport Grid from '@bbc/psammead-grid';\n\nconst MyComponent = () => (\n  <Grid enableGelGutters enableGelMargins columns={{ group3: 6, group4: 8 }}>\n    <Grid item columns={{ group3: 6, group4: 6 }}>\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 6/8 columns\n      </p>\n    </Grid>\n    <Grid item columns={{ group3: 6, group4: 2 }}>\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 2/8 columns\n      </p>\n    </Grid>\n  </Grid>\n);\n```\n\n#### <a name=\"nested-grid\">Nested grid example</a>\n\nNote that here, any time you use `<Grid>` that generates a new grid. The total number of columns at each breakpoint is set via the `columns` prop. Then to define how many columns the child `<Grid item >` should span, you can use the `columns` prop on the `<Grid item>`.\n\n```jsx\nimport Grid from '@bbc/psammead-grid';\n\nconst MyComponent = () => (\n  <Grid columns={{ group2: 6, group3: 6 }}>\n    <Grid columns={{ group2: 6, group3: 6 }}>\n      <Grid item columns={{ group2: 6, group3: 3 }}>\n        <ExampleImage />\n      </Grid>\n      <Grid item columns={{ group2: 6, group3: 3 }}>\n        <ExampleParagraph />\n      </Grid>\n    </Grid>\n    <Grid item columns={{ group2: 2, group3: 2 }}>\n      <ExampleImage />\n    </Grid>\n    <Grid item columns={{ group2: 4, group3: 4 }}>\n      <ExampleParagraph />\n    </Grid>\n  </Grid>\n);\n```\n\nScreenshot of this example with GEL Gutters and GEL Margins enabled\n![Screenshot of this example with GEL Gutters and GEL Margins enabled](packages/components/psammead-grid/documentation/Screenshot-example-with-gelMargins-and-gelGutters.png)\n\n### When to use this component\n\nThis `Grid` component can be used for page-level layouts as well as for layouts of individual components. You can nest Grids within one another for more complex layouts. Please see the Storybook Stories for examples.\n\n### Frequenty Asked Questions\n\n- When should I use the `item` prop?\n  - The `item` prop should be used on a child Grid element, that is a direct child of a `<Grid>`. Using the `columns` prop's values you can choose how many columns to span at each breakpoint.\n  - It can and should be used whenever you're defining a new grid item - something that you want to span a set number of columns at a breakpoint.\n- When should I use the `columns` prop?\n  - This should always be defined.\n  - For a `<Grid>` element, it's the number of columns the grid has.\n  - For a `<Grid item>` element, it's the number of columns it should span.\n- When should I use the `startOffset` prop?\n  - `startOffset` is an object just like the `columns` prop. You can set it on a Grid child element to start it at a column other than the first one.\n  - If you don't pass it in, the value defaults to 1, the start of the grid.\n- Why is there no vertical spacing on the grid?\n  - The Grid implementation only has gutters/margins for columns, [according to the GEL specification](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes). This is to allow flexibility for a variety of spacing. To add vertical spacing, you should add padding/margin/top/bottom to the contents.\n\n<!-- ### When not to use this component -->\n\n### Accessibility notes\n\nCurrently this component is in alpha. This is because it has not yet been tested with various assistive technologies. After it has had an accessibility swarm, this will be published under a standard version.\n\n## Roadmap\n\nCurrently the fallback for browsers that don't support CSS Grid is that there are no gutters or margins applied. We will implement a fix for this in a future version.\n\n## Contributing\n\nPsammead is completely open source. We are grateful for any contributions, whether they be new components, bug fixes or general improvements. Please see our primary contributing guide which can be found at [the root of the Psammead respository](https://github.com/bbc/psammead/blob/latest/CONTRIBUTING.md).\n\n### [Code of Conduct](https://github.com/bbc/psammead/blob/latest/CODE_OF_CONDUCT.md)\n\nWe welcome feedback and help on this work. By participating in this project, you agree to abide by the [code of conduct](https://github.com/bbc/psammead/blob/latest/CODE_OF_CONDUCT.md). Please take a moment to read it.\n\n### License\n\nPsammead is [Apache 2.0 licensed](https://github.com/bbc/psammead/blob/latest/LICENSE).\n","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.9.0","description":"Grid setup for components","directories":{},"_nodeVersion":"10.16.3","dependencies":{"@bbc/gel-foundations":"^3.4.0","@bbc/psammead-styles":"^4.0.4"},"publishConfig":{"tag":"alpha"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"styled-components":"^4.3.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_1.0.0-alpha.6_1571848588592_0.1825978819788867","host":"s3://npm-registry-packages"}},"1.0.0-alpha.7":{"name":"@bbc/psammead-grid","version":"1.0.0-alpha.7","keywords":["bbc","grid","cssgrid","styled-components"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@1.0.0-alpha.7","maintainers":[{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"cps-jenkins","email":"platform-cps-prod-account@lists.forge.bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"ad6160376951f82191be8a6f15f6e5be8c6b817c","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-1.0.0-alpha.7.tgz","fileCount":15,"integrity":"sha512-77g344JPp9KyrNWbf0c+7LoJ8pJbFdQi9Xe9M9QBWKoEsDpXGLPByNIWwa/Quv8hlycdQQx4AbFTIDYqeFjPDg==","signatures":[{"sig":"MEUCIHC68p6+5a5vAfieSoxzDp4WWU9Q1iNOnOJn12q3cX3mAiEAkBjv1z5cIlYdeJ3WCuFpy/f/F1UYjI9yrq60ht7bPa8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":355497,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdsXF6CRA9TVsSAnZWagAA6fcP/RqXpHrPO61rNfQobg2p\n1sJokVNCpDGF47ERWQmuznRsis0mutZpnCNQPk3KboQ7UBQ/UhGx3m4WMMC7\nrhA4J078m0kju61iTLCQKyR8+4pbdBGcwUTD2KVKMOC8ctLuq83g13WLVTGt\nA75CwMoKQu9aJZuO4OYO8unH0oTAWcdhWak0efpER3f9KwR4TBGRzaGDZa+o\nWZ4uS2v3R3jSnKmnYiKlb7Lhih+qk1fks/ffvAOmJbtC+/zyKEAykV0t+/Dw\niC8eknNzszcjMDlxuWssSfzY+GvQVRKBtpLertvdW0uXFIEk3go0kUZ0pM9w\nd/2iaOq7beBdFGUmmYPRuUhe5nj+alA9pPk2KmojXnzFlLgAbbPJo3LaVbcJ\nn8pJpSsgIbrYd6sztTYBPRaT6tJFf9i7gR9sIziS/YjXgSlQFWwkw7YWig0Y\nM3h8GJkXnFjMtqwjtyB5zSUKJJi0KpNMyaob+bfCXBTE+59CPuz4hbal0GR0\nL4l8yBJpNDstRq6VucMUQkZKS02IU7SnvgUYgN2DT4BMHtN0MPYHZhEEMaqb\nt2ao97AF6wKzZpHFNCrLB5wIYe/qNCx/6B0Y2KLX0nMvDyMf+VbPDFrUV6hr\nXHJSwynJqyiZJ/sMo8SkPa37+CwfLwTEsszbdmw25lJweQ32KIvmMdtIOOUQ\nRBJr\r\n=tSmF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","readme":"<!-- prettier-ignore -->\n# psammead-grid - [![Known Vulnerabilities](https://snyk.io/test/github/bbc/psammead/badge.svg?targetFile=packages%2Fcomponents%2Fpsammead-grid%2Fpackage.json)](https://snyk.io/test/github/bbc/psammead?targetFile=packages%2Fcomponents%2Fpsammead-grid%2Fpackage.json) [![Dependency Status](https://david-dm.org/bbc/psammead.svg?path=packages/components/psammead-grid)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-grid) [![peerDependencies Status](https://david-dm.org/bbc/psammead/peer-status.svg?path=packages/components/psammead-grid)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-grid&type=peer) [![Storybook](https://raw.githubusercontent.com/storybooks/brand/master/badge/badge-storybook.svg?sanitize=true)](https://bbc.github.io/psammead/?path=/story/grid--default) [![GitHub license](https://img.shields.io/badge/license-Apache%202.0-blue.svg)](https://github.com/bbc/psammead/blob/latest/LICENSE) [![npm version](https://img.shields.io/npm/v/@bbc/psammead-grid.svg)](https://www.npmjs.com/package/@bbc/psammead-grid) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/bbc/psammead/blob/latest/CONTRIBUTING.md)\n\n## Description\n\nPsammead Grid is a component that you can use to set out column-based layouts using CSS Grid. It is set up to follow the standard [GEL groups for breakpoints](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes) and you can toggle on the GEL margins, gutters and fixed widths, in accordance with the GEL grid guidelines if you are using it for page layouts.\n\n## Installation\n\n`npm install @bbc/psammead-grid`\n\n## Props\n\n<!-- prettier-ignore -->\n| Argument | Type | Required | Default | Example |\n| -------- | ---- | -------- | ------- | ------- |\n| columns | object | yes | N/A | { group0: 6, group1: 6, group2: 6, group3: 6, group4: 8, group5: 20 } |\n| startOffset | object | no | Sets all values as 1 for each of the groups defined in `columns` | { group0: 1, group1: 1, group2: 1, group3: 1, group4: 2, group5: 5 } |\n| item | boolean | no | false | `item` |\n| enableGelGutters | boolean | no | false | `enableGelGutter` |\n| enableGelMargins | boolean | no | false | `enableGelMargins` |\n\n- When should I use the `columns` prop?\n  - This should always be defined.\n  - For a `<Grid>` element, it's the number of columns the grid has, and the number of columns it should span.\n  - For a `<Grid item>` element, it's the number of columns it should span.\n- When should I use the `item` prop?\n  - The `item` prop should be used on a `<Grid>` that is a direct child of another `<Grid>`. Using the `columns` prop's values you can choose how many columns to span at each breakpoint.\n  - It can and should be used whenever you're defining a new grid item - something that you want to span a set number of columns at a breakpoint.\n\n```jsx\n<Grid columns={{ group5: 6 }}>\n  <Grid item columns={{ group5: 1 }}>\n    This spans 1 out of 6 columns\n  </Grid>\n  <Grid item columns={{ group5: 5 }}>\n    This spans 5 out of 6 columns\n  </Grid>\n</Grid>\n```\n\n- When should I use the `startOffset` prop?\n  - `startOffset` is an object structured just like the `columns` prop. You can set it on a `<Grid item>` element to start it at a column other than the first one.\n  - If you don't pass it in, the offset value defaults to 1, the start of the grid.\n- Why is there no vertical spacing on the grid?\n  - The Grid implementation only has gutters/margins for columns, [according to the GEL specification](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes). This is to allow flexibility for a variety of spacing. To add vertical spacing, you should add padding/margin/top/bottom to the contents.\n\n## Usage\n\nWe use the GEL Grid for our breakpoints, as well as for our standard gutters and margins. [The values are defined here in the GEL Grid documentation](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes).\n\nWhen we refer to `group3` in this component, we're referring to the breakpoint with a minimum width `GEL_GROUP_3_SCREEN_WIDTH_MIN` & a maximum width `GEL_GROUP_3_SCREEN_WIDTH_MAX`. These values are defined within [`@bbc/gel-foundations/breakpoints`](https://github.com/bbc/psammead/blob/latest/packages/utilities/gel-foundations/src/breakpoints.js).\n\n#### <a name=\"simple-example\">Simple example</a>\n\nHere is an example of a `<Grid>` that has 8 columns for `group4` (from 1008px to 1279px). It has two child `<Grid item>` elements, one which spans 6/8 columns and one which spans 2/8 columns within this breakpoint.\n\nIn this example groups 1, 2, 3, & 5 are omitted from the `columns` prop - so at those breakpoints items fill the whole width of the page.\n\n```jsx\nimport Grid from '@bbc/psammead-grid';\n\nconst MyComponent = () => (\n  <Grid columns={{ group4: 8 }}>\n    <Grid item columns={{ group4: 6 }}>\n      <p>Item 1 - Paragraph that spans 6 out of 8 columns through group4</p>\n    </Grid>\n    <Grid item columns={{ group4: 2 }}>\n      <p>Item 2 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n    <Grid item columns={{ group4: 2 }}>\n      <p>Item 3 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n    <Grid item columns={{ group4: 2 }}>\n      <p>Item 4 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n  </Grid>\n);\n```\n\nImage of this example when viewed at within `group4` (from 1008px to 1279px). When you look at this example at any other breakpoint, each of the four items fill up the full width of the row.\n![8 column grid with items 6 2 2 2 with labels](packages/components/psammead-grid/documentation/8-column-grid-with-items-6-2-2-2-with-labels.png)\n\n#### <a name=\"multiple-groups\">Setting values for multiple groups</a>\n\n```jsx\nimport Grid from '@bbc/psammead-grid';\n\nconst MyComponent = () => (\n  <Grid columns={{ group3: 6, group4: 8 }}>\n    <Grid item columns={{ group3: 6, group4: 6 }}>\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 6/8 columns\n      </p>\n    </Grid>\n    <Grid item columns={{ group3: 6, group4: 2 }}>\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 2/8 columns\n      </p>\n    </Grid>\n  </Grid>\n);\n```\n\nScreenshot of this example without GEL Gutters and GEL Margins\n![Screenshot of this example without GEL Gutters and GEL Margins](packages/components/psammead-grid/documentation/screenshot-example-without-gelMargins-and-gelGutters.png)\n\n#### <a name=\"gutters-margins\">Setting standard GEL gutters and GEL Margins</a>\n\nUsing `enableGelGutters` and `enableGelMargins` on the `Grid` element. Note: these should _not_ be added to a `<Grid item>` element!\n\n```jsx\nimport Grid from '@bbc/psammead-grid';\n\nconst MyComponent = () => (\n  <Grid enableGelGutters enableGelMargins columns={{ group3: 6, group4: 8 }}>\n    <Grid item columns={{ group3: 6, group4: 6 }}>\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 6/8 columns\n      </p>\n    </Grid>\n    <Grid item columns={{ group3: 6, group4: 2 }}>\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 2/8 columns\n      </p>\n    </Grid>\n  </Grid>\n);\n```\n\n#### <a name=\"nested-grid\">Nested grid example</a>\n\nNote that here, any time you use `<Grid>` that generates a new grid. The total number of columns at each breakpoint is set via the `columns` prop. Then to define how many columns the child `<Grid item >` should span, you can use the `columns` prop on the `<Grid item>`.\n\n```jsx\nimport Grid from '@bbc/psammead-grid';\n\nconst MyComponent = () => (\n  <Grid columns={{ group2: 6, group3: 6 }}>\n    <Grid columns={{ group2: 6, group3: 6 }}>\n      <Grid item columns={{ group2: 6, group3: 3 }}>\n        <ExampleImage />\n      </Grid>\n      <Grid item columns={{ group2: 6, group3: 3 }}>\n        <ExampleParagraph />\n      </Grid>\n    </Grid>\n    <Grid item columns={{ group2: 2, group3: 2 }}>\n      <ExampleImage />\n    </Grid>\n    <Grid item columns={{ group2: 4, group3: 4 }}>\n      <ExampleParagraph />\n    </Grid>\n  </Grid>\n);\n```\n\nScreenshot of this example with GEL Gutters and GEL Margins enabled\n![Screenshot of this example with GEL Gutters and GEL Margins enabled](packages/components/psammead-grid/documentation/Screenshot-example-with-gelMargins-and-gelGutters.png)\n\n### When to use this component\n\nThis `Grid` component can be used for page-level layouts as well as for layouts of individual components. You can nest Grids within one another for more complex layouts. Please see the Storybook Stories for examples.\n\n### Frequenty Asked Questions\n\n- When should I use the `item` prop?\n  - The `item` prop should be used on a child Grid element, that is a direct child of a `<Grid>`. Using the `columns` prop's values you can choose how many columns to span at each breakpoint.\n  - It can and should be used whenever you're defining a new grid item - something that you want to span a set number of columns at a breakpoint.\n- When should I use the `columns` prop?\n  - This should always be defined.\n  - For a `<Grid>` element, it's the number of columns the grid has.\n  - For a `<Grid item>` element, it's the number of columns it should span.\n- When should I use the `startOffset` prop?\n  - `startOffset` is an object just like the `columns` prop. You can set it on a Grid child element to start it at a column other than the first one.\n  - If you don't pass it in, the value defaults to 1, the start of the grid.\n- Why is there no vertical spacing on the grid?\n  - The Grid implementation only has gutters/margins for columns, [according to the GEL specification](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes). This is to allow flexibility for a variety of spacing. To add vertical spacing, you should add padding/margin/top/bottom to the contents.\n\n<!-- ### When not to use this component -->\n\n### Accessibility notes\n\nCurrently this component is in alpha. This is because it has not yet been tested with various assistive technologies. After it has had an accessibility swarm, this will be published under a standard version.\n\n## Roadmap\n\nCurrently the fallback for browsers that don't support CSS Grid is that there are no gutters or margins applied. We will implement a fix for this in a future version.\n\n## Contributing\n\nPsammead is completely open source. We are grateful for any contributions, whether they be new components, bug fixes or general improvements. Please see our primary contributing guide which can be found at [the root of the Psammead respository](https://github.com/bbc/psammead/blob/latest/CONTRIBUTING.md).\n\n### [Code of Conduct](https://github.com/bbc/psammead/blob/latest/CODE_OF_CONDUCT.md)\n\nWe welcome feedback and help on this work. By participating in this project, you agree to abide by the [code of conduct](https://github.com/bbc/psammead/blob/latest/CODE_OF_CONDUCT.md). Please take a moment to read it.\n\n### License\n\nPsammead is [Apache 2.0 licensed](https://github.com/bbc/psammead/blob/latest/LICENSE).\n","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.9.0","description":"Grid setup for components","directories":{},"_nodeVersion":"10.16.3","dependencies":{"@bbc/gel-foundations":"^3.4.1","@bbc/psammead-styles":"^4.0.4"},"publishConfig":{"tag":"alpha"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"styled-components":"^4.3.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_1.0.0-alpha.7_1571910009758_0.0874713897917152","host":"s3://npm-registry-packages"}},"1.0.0-alpha.8":{"name":"@bbc/psammead-grid","version":"1.0.0-alpha.8","keywords":["bbc","grid","cssgrid","styled-components"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@1.0.0-alpha.8","maintainers":[{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"cps-jenkins","email":"platform-cps-prod-account@lists.forge.bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"9f14c9a26da65a67500a5806897fcec4acdf0efe","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-1.0.0-alpha.8.tgz","fileCount":15,"integrity":"sha512-vlp9+/KBeMa04ZEnTHCZME+xWvd/f3Yraa3p80aDXB824Icc8Y2qnufZyrE1AQ+xlmokx0RoMfHnEZ9la2Naig==","signatures":[{"sig":"MEUCIQD81JyXgdD+hnWGK4rEd+ljO2RSDEvydqgcSityvZMyowIgUHX7TVIwjBejaTvpxaefG7lLo9I5mru/ZHwrw6eyVAw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":355827,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdtt/NCRA9TVsSAnZWagAASkkP/j/fIYTQ6MltbE71KQYJ\npElVhq7iDGOmGzTQXI9V7bZxlIwh6VfiIAD2H3wgBuKuTsnQJXOTYwokp24I\nHnR6qf6bZF0crIfk+KO8UA7qU649iFqzzlyFcEiLMz2IFgOozj4YH3RBG0Zv\nqiNemvTBln+Z0wnEcATqZhTRRVHy+SY/iq3GNrXdbqv4DpnYFUSS/9VJflFa\nmOoDSxCZ8lK45jaIgFf38wJQXenMvW8UsFKUV6sF1BqucTK5btpYE+PNQLm2\nYyIzyZkWQNpKPEL9GemVx/cvyiYReqSWDaYOLwNkmgwd/tDZmDwpT8P++JhL\nLE6ceKzgn+smXXEEgmP0FfWaubpHCKzqYw0/cFk+wQQUanw5Z495M7KtALVh\nRYKbfhj5z04WSZz/HS05pcU6NT63BNQ18+xy9vtKpOIYs1Ogkq2AYyLJhaE0\nJz672atrAZ+b12JyaYPrE6c4PJzSVhNFXAKDi/Lqhp992fuT65VnbW4QDEP3\nEiCLwRKSimHoP4aHncg3HpaaZkPdmb9w35xCBhHLR/KqNLaX/+IJQ0gbIBLS\nGg1+g2sS1xPcYB+Ag3K7yd1QqBtQPg176dmY+aDiXySHhVNFtyOGnHeTFfjP\nPvUmoExPEC3FAJ/BssWzaNWTEwLd2xhUPdeHVSb8rVT2Lrg5h9wM3bOObuYa\nRlEx\r\n=Vn+T\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","readme":"<!-- prettier-ignore -->\n# psammead-grid - [![Known Vulnerabilities](https://snyk.io/test/github/bbc/psammead/badge.svg?targetFile=packages%2Fcomponents%2Fpsammead-grid%2Fpackage.json)](https://snyk.io/test/github/bbc/psammead?targetFile=packages%2Fcomponents%2Fpsammead-grid%2Fpackage.json) [![Dependency Status](https://david-dm.org/bbc/psammead.svg?path=packages/components/psammead-grid)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-grid) [![peerDependencies Status](https://david-dm.org/bbc/psammead/peer-status.svg?path=packages/components/psammead-grid)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-grid&type=peer) [![Storybook](https://raw.githubusercontent.com/storybooks/brand/master/badge/badge-storybook.svg?sanitize=true)](https://bbc.github.io/psammead/?path=/story/grid--default) [![GitHub license](https://img.shields.io/badge/license-Apache%202.0-blue.svg)](https://github.com/bbc/psammead/blob/latest/LICENSE) [![npm version](https://img.shields.io/npm/v/@bbc/psammead-grid.svg)](https://www.npmjs.com/package/@bbc/psammead-grid) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/bbc/psammead/blob/latest/CONTRIBUTING.md)\n\n## Description\n\nPsammead Grid is a component that you can use to set out column-based layouts using CSS Grid. It is set up to follow the standard [GEL groups for breakpoints](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes) and you can toggle on the GEL margins, gutters and fixed widths, in accordance with the GEL grid guidelines if you are using it for page layouts.\n\n## Installation\n\n`npm install @bbc/psammead-grid`\n\n## Props\n\n<!-- prettier-ignore -->\n| Argument | Type | Required | Default | Example |\n| -------- | ---- | -------- | ------- | ------- |\n| columns | object | yes | N/A | { group0: 6, group1: 6, group2: 6, group3: 6, group4: 8, group5: 20 } |\n| startOffset | object | no | Sets all values as 1 for each of the groups defined in `columns` | { group0: 1, group1: 1, group2: 1, group3: 1, group4: 2, group5: 5 } |\n| item | boolean | no | false | `item` |\n| enableGelGutters | boolean | no | false | `enableGelGutter` |\n| enableGelMargins | boolean | no | false | `enableGelMargins` |\n\n- When should I use the `columns` prop?\n  - This should always be defined.\n  - For a `<Grid>` element, it's the number of columns the grid has, and the number of columns it should span.\n  - For a `<Grid item>` element, it's the number of columns it should span.\n- When should I use the `item` prop?\n  - The `item` prop should be used on a `<Grid>` that is a direct child of another `<Grid>`. Using the `columns` prop's values you can choose how many columns to span at each breakpoint.\n  - It can and should be used whenever you're defining a new grid item - something that you want to span a set number of columns at a breakpoint.\n\n```jsx\n<Grid columns={{ group5: 6 }}>\n  <Grid item columns={{ group5: 1 }}>\n    This spans 1 out of 6 columns\n  </Grid>\n  <Grid item columns={{ group5: 5 }}>\n    This spans 5 out of 6 columns\n  </Grid>\n</Grid>\n```\n\n- When should I use the `startOffset` prop?\n  - `startOffset` is an object structured just like the `columns` prop. You can set it on a `<Grid item>` element to start it at a column other than the first one.\n  - If you don't pass it in, the offset value defaults to 1, the start of the grid.\n- Why is there no vertical spacing on the grid?\n  - The Grid implementation only has gutters/margins for columns, [according to the GEL specification](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes). This is to allow flexibility for a variety of spacing. To add vertical spacing, you should add padding/margin/top/bottom to the contents.\n\n## Usage\n\nWe use the GEL Grid for our breakpoints, as well as for our standard gutters and margins. [The values are defined here in the GEL Grid documentation](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes).\n\nWhen we refer to `group3` in this component, we're referring to the breakpoint with a minimum width `GEL_GROUP_3_SCREEN_WIDTH_MIN` & a maximum width `GEL_GROUP_3_SCREEN_WIDTH_MAX`. These values are defined within [`@bbc/gel-foundations/breakpoints`](https://github.com/bbc/psammead/blob/latest/packages/utilities/gel-foundations/src/breakpoints.js).\n\n#### <a name=\"simple-example\">Simple example</a>\n\nHere is an example of a `<Grid>` that has 8 columns for `group4` (from 1008px to 1279px). It has two child `<Grid item>` elements, one which spans 6/8 columns and one which spans 2/8 columns within this breakpoint.\n\nIn this example groups 1, 2, 3, & 5 are omitted from the `columns` prop - so at those breakpoints items fill the whole width of the page.\n\n```jsx\nimport Grid from '@bbc/psammead-grid';\n\nconst MyComponent = () => (\n  <Grid columns={{ group4: 8 }}>\n    <Grid item columns={{ group4: 6 }}>\n      <p>Item 1 - Paragraph that spans 6 out of 8 columns through group4</p>\n    </Grid>\n    <Grid item columns={{ group4: 2 }}>\n      <p>Item 2 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n    <Grid item columns={{ group4: 2 }}>\n      <p>Item 3 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n    <Grid item columns={{ group4: 2 }}>\n      <p>Item 4 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n  </Grid>\n);\n```\n\nImage of this example when viewed at within `group4` (from 1008px to 1279px). When you look at this example at any other breakpoint, each of the four items fill up the full width of the row.\n![8 column grid with items 6 2 2 2 with labels](packages/components/psammead-grid/documentation/8-column-grid-with-items-6-2-2-2-with-labels.png)\n\n#### <a name=\"multiple-groups\">Setting values for multiple groups</a>\n\n```jsx\nimport Grid from '@bbc/psammead-grid';\n\nconst MyComponent = () => (\n  <Grid columns={{ group3: 6, group4: 8 }}>\n    <Grid item columns={{ group3: 6, group4: 6 }}>\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 6/8 columns\n      </p>\n    </Grid>\n    <Grid item columns={{ group3: 6, group4: 2 }}>\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 2/8 columns\n      </p>\n    </Grid>\n  </Grid>\n);\n```\n\nScreenshot of this example without GEL Gutters and GEL Margins\n![Screenshot of this example without GEL Gutters and GEL Margins](packages/components/psammead-grid/documentation/screenshot-example-without-gelMargins-and-gelGutters.png)\n\n#### <a name=\"gutters-margins\">Setting standard GEL gutters and GEL Margins</a>\n\nUsing `enableGelGutters` and `enableGelMargins` on the `Grid` element. Note: these should _not_ be added to a `<Grid item>` element!\n\n```jsx\nimport Grid from '@bbc/psammead-grid';\n\nconst MyComponent = () => (\n  <Grid enableGelGutters enableGelMargins columns={{ group3: 6, group4: 8 }}>\n    <Grid item columns={{ group3: 6, group4: 6 }}>\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 6/8 columns\n      </p>\n    </Grid>\n    <Grid item columns={{ group3: 6, group4: 2 }}>\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 2/8 columns\n      </p>\n    </Grid>\n  </Grid>\n);\n```\n\n#### <a name=\"nested-grid\">Nested grid example</a>\n\nNote that here, any time you use `<Grid>` that generates a new grid. The total number of columns at each breakpoint is set via the `columns` prop. Then to define how many columns the child `<Grid item >` should span, you can use the `columns` prop on the `<Grid item>`.\n\n```jsx\nimport Grid from '@bbc/psammead-grid';\n\nconst MyComponent = () => (\n  <Grid columns={{ group2: 6, group3: 6 }}>\n    <Grid columns={{ group2: 6, group3: 6 }}>\n      <Grid item columns={{ group2: 6, group3: 3 }}>\n        <ExampleImage />\n      </Grid>\n      <Grid item columns={{ group2: 6, group3: 3 }}>\n        <ExampleParagraph />\n      </Grid>\n    </Grid>\n    <Grid item columns={{ group2: 2, group3: 2 }}>\n      <ExampleImage />\n    </Grid>\n    <Grid item columns={{ group2: 4, group3: 4 }}>\n      <ExampleParagraph />\n    </Grid>\n  </Grid>\n);\n```\n\nScreenshot of this example with GEL Gutters and GEL Margins enabled\n![Screenshot of this example with GEL Gutters and GEL Margins enabled](packages/components/psammead-grid/documentation/Screenshot-example-with-gelMargins-and-gelGutters.png)\n\n### When to use this component\n\nThis `Grid` component can be used for page-level layouts as well as for layouts of individual components. You can nest Grids within one another for more complex layouts. Please see the Storybook Stories for examples.\n\n### Frequenty Asked Questions\n\n- When should I use the `item` prop?\n  - The `item` prop should be used on a child Grid element, that is a direct child of a `<Grid>`. Using the `columns` prop's values you can choose how many columns to span at each breakpoint.\n  - It can and should be used whenever you're defining a new grid item - something that you want to span a set number of columns at a breakpoint.\n- When should I use the `columns` prop?\n  - This should always be defined.\n  - For a `<Grid>` element, it's the number of columns the grid has.\n  - For a `<Grid item>` element, it's the number of columns it should span.\n- When should I use the `startOffset` prop?\n  - `startOffset` is an object just like the `columns` prop. You can set it on a Grid child element to start it at a column other than the first one.\n  - If you don't pass it in, the value defaults to 1, the start of the grid.\n- Why is there no vertical spacing on the grid?\n  - The Grid implementation only has gutters/margins for columns, [according to the GEL specification](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes). This is to allow flexibility for a variety of spacing. To add vertical spacing, you should add padding/margin/top/bottom to the contents.\n\n<!-- ### When not to use this component -->\n\n### Accessibility notes\n\nCurrently this component is in alpha. This is because it has not yet been tested with various assistive technologies. After it has had an accessibility swarm, this will be published under a standard version.\n\n## Roadmap\n\nCurrently the fallback for browsers that don't support CSS Grid is that there are no gutters or margins applied. We will implement a fix for this in a future version.\n\n## Contributing\n\nPsammead is completely open source. We are grateful for any contributions, whether they be new components, bug fixes or general improvements. Please see our primary contributing guide which can be found at [the root of the Psammead respository](https://github.com/bbc/psammead/blob/latest/CONTRIBUTING.md).\n\n### [Code of Conduct](https://github.com/bbc/psammead/blob/latest/CODE_OF_CONDUCT.md)\n\nWe welcome feedback and help on this work. By participating in this project, you agree to abide by the [code of conduct](https://github.com/bbc/psammead/blob/latest/CODE_OF_CONDUCT.md). Please take a moment to read it.\n\n### License\n\nPsammead is [Apache 2.0 licensed](https://github.com/bbc/psammead/blob/latest/LICENSE).\n","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.9.0","description":"Grid setup for components","directories":{},"_nodeVersion":"10.16.3","dependencies":{"@bbc/gel-foundations":"^3.4.1","@bbc/psammead-styles":"^4.0.4"},"publishConfig":{"tag":"alpha"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"styled-components":"^4.3.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_1.0.0-alpha.8_1572265932831_0.07031437567771115","host":"s3://npm-registry-packages"}},"1.0.0-alpha.9":{"name":"@bbc/psammead-grid","version":"1.0.0-alpha.9","keywords":["bbc","grid","cssgrid","styled-components"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@1.0.0-alpha.9","maintainers":[{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"cps-jenkins","email":"platform-cps-prod-account@lists.forge.bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"aabd40f83afc7f691271b5754f118b30bb9478d8","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-1.0.0-alpha.9.tgz","fileCount":15,"integrity":"sha512-CgaHKwunAa83QlPKtSLBb12ME9A5vh56lO1ieACpN4IeCXe0JHUwgEnFPN7rNFt4dfRHyBk3SxhiihGY6Oj1TQ==","signatures":[{"sig":"MEYCIQDidHTGREsVBthyIn60/V1rkeEq7bX60/x1fZW/qNe+NAIhAKxTzkmZ+7yo+2RZHIV/z3DyFPmGgsSuJJ2e7EqjndW5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":357350,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdtujVCRA9TVsSAnZWagAAdPkP/26PKG+otvyVuLNQuePO\nEBW8oaGWwvbypQr3hrDUGZ/l16mc4Rbab5DjJ4UJricklzC8aCA/8X7iUQkl\nE7bjemQ6NkWqa6WJXyn9izy/bs2qwLYkNN3wqUcah3WDtGQ5vq5pcpN2cgn7\n162DHiTmC3zPYrPQrilkD21uW/3OyHGzgkKPv6NfYkqZA5+j9jXwavzL73/c\nOnzWjSXoZP4jxIK9Lqq78NtRad2QHtbmp11w8UFvkaroYVd4E8PPXDj7Ezhf\nPTZy2gANSeDi3MKJ3YogZlJUtAH2GcutnPve7cf+SXpD+67EJXmxhdpGM/tD\n8gLdbzXvDS2icN9hM0uycUUfqKS9f5l6k5tjf1WT4vN4V7aCG1dinU+Tq/kk\ndPdToxFERLg3BMhU4kj0Iv7xN5856ShshZGzXl4HXTUnDwz2kN5DeXDjxoU8\nbNf3R7Wb1n6PtcPgZd3/AFloInFbyB5uAQoAswk6MrsSG2OppdK2DcB+vw+C\nq/J2VH2k3jnF/CDZPShfeHEPlwvmN/N2fuixRiJGSoL7w2CwDdm0Wve1CH9b\nMjKdW6WTxIQkJuS+vNvxjzcCugRcNmKZaqIX5zTkRGLiegTqh3BXZO14nLYN\ng+mrXO7qbn4csST9hLIANPPgxmNBXpI4SqqGq304my/fpsN4e42VbFxF+tqW\nA+1B\r\n=p0Lz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","readme":"<!-- prettier-ignore -->\n# psammead-grid - [![Known Vulnerabilities](https://snyk.io/test/github/bbc/psammead/badge.svg?targetFile=packages%2Fcomponents%2Fpsammead-grid%2Fpackage.json)](https://snyk.io/test/github/bbc/psammead?targetFile=packages%2Fcomponents%2Fpsammead-grid%2Fpackage.json) [![Dependency Status](https://david-dm.org/bbc/psammead.svg?path=packages/components/psammead-grid)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-grid) [![peerDependencies Status](https://david-dm.org/bbc/psammead/peer-status.svg?path=packages/components/psammead-grid)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-grid&type=peer) [![Storybook](https://raw.githubusercontent.com/storybooks/brand/master/badge/badge-storybook.svg?sanitize=true)](https://bbc.github.io/psammead/?path=/story/grid--default) [![GitHub license](https://img.shields.io/badge/license-Apache%202.0-blue.svg)](https://github.com/bbc/psammead/blob/latest/LICENSE) [![npm version](https://img.shields.io/npm/v/@bbc/psammead-grid.svg)](https://www.npmjs.com/package/@bbc/psammead-grid) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/bbc/psammead/blob/latest/CONTRIBUTING.md)\n\n## Description\n\nPsammead Grid is a component that you can use to set out column-based layouts using CSS Grid. It is set up to follow the standard [GEL groups for breakpoints](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes) and you can toggle on the GEL margins, gutters and fixed widths, in accordance with the GEL grid guidelines if you are using it for page layouts.\n\n## Installation\n\n`npm install @bbc/psammead-grid`\n\n## Props\n\n<!-- prettier-ignore -->\n| Argument | Type | Required | Default | Example |\n| -------- | ---- | -------- | ------- | ------- |\n| columns | object | yes | N/A | { group0: 6, group1: 6, group2: 6, group3: 6, group4: 8, group5: 20 } |\n| startOffset | object | no | Sets all values as 1 for each of the groups defined in `columns` | { group0: 1, group1: 1, group2: 1, group3: 1, group4: 2, group5: 5 } |\n| item | boolean | no | false | `item` |\n| enableGelGutters | boolean | no | false | `enableGelGutter` |\n| enableGelMargins | boolean | no | false | `enableGelMargins` |\n\n- When should I use the `columns` prop?\n  - This should always be defined.\n  - All columns groups `group0` through `group5` should be provided.\n  - For a `<Grid>` element, it's the number of columns the grid has, and the number of columns it should span.\n  - For a `<Grid item>` element, it's the number of columns it should span.\n- When should I use the `item` prop?\n  - The `item` prop should be used on a `<Grid>` that is a direct child of another `<Grid>`. Using the `columns` prop's values you can choose how many columns to span at each breakpoint.\n  - It can and should be used whenever you're defining a new grid item - something that you want to span a set number of columns at a breakpoint.\n\n```jsx\n<Grid\n  columns={{ group0: 6, group1: 6, group2: 6, group3: 6, group4: 6, group5: 6 }}\n>\n  <Grid\n    item\n    columns={{\n      group0: 1,\n      group1: 1,\n      group2: 1,\n      group3: 1,\n      group4: 1,\n      group5: 1,\n    }}\n  >\n    This spans 1 out of 6 columns for all widths\n  </Grid>\n  <Grid\n    item\n    columns={{\n      group0: 5,\n      group1: 5,\n      group2: 5,\n      group3: 5,\n      group4: 5,\n      group5: 5,\n    }}\n  >\n    This spans 5 out of 6 columns for all widths\n  </Grid>\n</Grid>\n```\n\n- When should I use the `startOffset` prop?\n  - `startOffset` is an object structured just like the `columns` prop. You can set it on a `<Grid item>` element to start it at a column other than the first one.\n  - If you don't pass it in, the offset value defaults to 1, the start of the grid.\n- Why is there no vertical spacing on the grid?\n  - The Grid implementation only has gutters/margins for columns, [according to the GEL specification](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes). This is to allow flexibility for a variety of spacing. To add vertical spacing, you should add padding/margin/top/bottom to the contents.\n\n## Usage\n\nWe use the GEL Grid for our breakpoints, as well as for our standard gutters and margins. [The values are defined here in the GEL Grid documentation](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes).\n\nWhen we refer to `group3` in this component, we're referring to the breakpoint with a minimum width `GEL_GROUP_3_SCREEN_WIDTH_MIN` & a maximum width `GEL_GROUP_3_SCREEN_WIDTH_MAX`. These values are defined within [`@bbc/gel-foundations/breakpoints`](https://github.com/bbc/psammead/blob/latest/packages/utilities/gel-foundations/src/breakpoints.js).\n\n#### <a name=\"simple-example\">Simple example</a>\n\nHere is an example of a `<Grid>` that has 8 columns for `group4` (from 1008px to 1279px). It has four child `<Grid item>` elements, one which spans 6/8 columns and three others which spans 2/8 columns within this breakpoint.\n\n```jsx\nimport Grid from '@bbc/psammead-grid';\n\nconst MyComponent = () => (\n  <Grid\n    columns={{\n      group0: 8,\n      group1: 8,\n      group2: 8,\n      group3: 8,\n      group4: 8,\n      group5: 8,\n    }}\n  >\n    <Grid\n      item\n      columns={{\n        group0: 6,\n        group1: 6,\n        group2: 6,\n        group3: 6,\n        group4: 6,\n        group5: 6,\n      }}\n    >\n      <p>Item 1 - Paragraph that spans 6 out of 8 columns through group4</p>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 2,\n        group2: 2,\n        group3: 2,\n        group4: 2,\n        group5: 2,\n      }}\n    >\n      <p>Item 2 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 2,\n        group2: 2,\n        group3: 2,\n        group4: 2,\n        group5: 2,\n      }}\n    >\n      <p>Item 3 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 2,\n        group2: 2,\n        group3: 2,\n        group4: 2,\n        group5: 2,\n      }}\n    >\n      <p>Item 4 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n  </Grid>\n);\n```\n\nImage of this example when viewed at within `group4` (from 1008px to 1279px). When you look at this example at any other breakpoint, each of the four items fill up the full width of the row.\n![8 column grid with items 6 2 2 2 with labels](documentation/8-column-grid-with-items-6-2-2-2-with-labels.png)\n\n#### <a name=\"gutters-margins\">Setting standard GEL gutters and GEL Margins</a>\n\nUsing `enableGelGutters` and `enableGelMargins` on the `Grid` element. Note: these should _not_ be added to a `<Grid item>` element!\n\n```jsx\nimport Grid from '@bbc/psammead-grid';\n\nconst MyComponent = () => (\n  <Grid\n    enableGelGutters\n    enableGelMargins\n    columns={{\n      group0: 2,\n      group1: 4,\n      group2: 4,\n      group3: 6,\n      group4: 8,\n      group5: 12,\n    }}\n  >\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 4,\n        group2: 4,\n        group3: 6,\n        group4: 6,\n        group5: 12,\n      }}\n    >\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 6/8 columns\n      </p>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 4,\n        group2: 4,\n        group3: 6,\n        group4: 2,\n        group5: 12,\n      }}\n    >\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 2/8 columns\n      </p>\n    </Grid>\n  </Grid>\n);\n```\n\nScreenshot of this example with GEL Gutters and GEL Margins enabled\n![Screenshot of this example with GEL Gutters and GEL Margins enabled](documentation/Screenshot-example-with-gelMargins-and-gelGutters.png)\n\nScreenshot of this example without GEL Gutters and GEL Margins\n![Screenshot of this example without GEL Gutters and GEL Margins](documentation/Screenshot-example-without-gelMargins-and-gelGutters.png)\n\n#### <a name=\"nested-grid\">Nested grid example</a>\n\nNote that here, any time you use `<Grid>` that generates a new grid. The total number of columns at each breakpoint is set via the `columns` prop. Then to define how many columns the child `<Grid item >` should span, you can use the `columns` prop on the `<Grid item>`.\n\n```jsx\nimport Grid from '@bbc/psammead-grid';\n\nconst MyComponent = () => (\n  <Grid\n    columns={{\n      group0: 6,\n      group1: 6,\n      group2: 6,\n      group3: 6,\n      group4: 6,\n      group5: 6,\n    }}\n  >\n    <Grid\n      columns={{\n        group0: 6,\n        group1: 6,\n        group2: 6,\n        group3: 6,\n        group4: 6,\n        group5: 6,\n      }}\n    >\n      <Grid\n        item\n        columns={{\n          group0: 6,\n          group1: 6,\n          group2: 6,\n          group3: 3,\n          group4: 3,\n          group5: 3,\n        }}\n      >\n        <ExampleImage />\n      </Grid>\n      <Grid\n        item\n        columns={{\n          group0: 6,\n          group1: 6,\n          group2: 6,\n          group3: 3,\n          group4: 3,\n          group5: 3,\n        }}\n      >\n        <ExampleParagraph />\n      </Grid>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 2,\n        group2: 2,\n        group3: 2,\n        group4: 2,\n        group5: 2,\n      }}\n    >\n      <ExampleImage />\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 4,\n        group1: 4,\n        group2: 4,\n        group3: 4,\n        group4: 4,\n        group5: 4,\n      }}\n    >\n      <ExampleParagraph />\n    </Grid>\n  </Grid>\n);\n```\n\n### When to use this component\n\nThis `Grid` component can be used for page-level layouts as well as for layouts of individual components. You can nest Grids within one another for more complex layouts. Please see the Storybook Stories for examples.\n\n### Frequenty Asked Questions\n\n- When should I use the `item` prop?\n  - The `item` prop should be used on a child Grid element, that is a direct child of a `<Grid>`. Using the `columns` prop's values you can choose how many columns to span at each breakpoint.\n  - It can and should be used whenever you're defining a new grid item - something that you want to span a set number of columns at a breakpoint.\n- When should I use the `columns` prop?\n  - This should always be defined.\n  - For a `<Grid>` element, it's the number of columns the grid has.\n  - For a `<Grid item>` element, it's the number of columns it should span.\n- When should I use the `startOffset` prop?\n  - `startOffset` is an object just like the `columns` prop. You can set it on a Grid child element to start it at a column other than the first one.\n  - If you don't pass it in, the value defaults to 1, the start of the grid.\n- Why is there no vertical spacing on the grid?\n  - The Grid implementation only has gutters/margins for columns, [according to the GEL specification](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes). This is to allow flexibility for a variety of spacing. To add vertical spacing, you should add padding/margin/top/bottom to the contents.\n\n<!-- ### When not to use this component -->\n\n### Accessibility notes\n\nCurrently this component is in alpha. This is because it has not yet been tested with various assistive technologies. After it has had an accessibility swarm, this will be published under a standard version.\n\n## Roadmap\n\nCurrently the fallback for browsers that don't support CSS Grid is that there are no gutters or margins applied. We will implement a fix for this in a future version.\n\n## Contributing\n\nPsammead is completely open source. We are grateful for any contributions, whether they be new components, bug fixes or general improvements. Please see our primary contributing guide which can be found at [the root of the Psammead respository](https://github.com/bbc/psammead/blob/latest/CONTRIBUTING.md).\n\n### [Code of Conduct](https://github.com/bbc/psammead/blob/latest/CODE_OF_CONDUCT.md)\n\nWe welcome feedback and help on this work. By participating in this project, you agree to abide by the [code of conduct](https://github.com/bbc/psammead/blob/latest/CODE_OF_CONDUCT.md). Please take a moment to read it.\n\n### License\n\nPsammead is [Apache 2.0 licensed](https://github.com/bbc/psammead/blob/latest/LICENSE).\n","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.9.0","description":"Grid setup for components","directories":{},"_nodeVersion":"10.16.3","dependencies":{"@bbc/gel-foundations":"^3.4.1","@bbc/psammead-styles":"^4.0.4"},"publishConfig":{"tag":"alpha"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"styled-components":"^4.3.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_1.0.0-alpha.9_1572268244750_0.877066681137574","host":"s3://npm-registry-packages"}},"1.0.0-alpha.10":{"name":"@bbc/psammead-grid","version":"1.0.0-alpha.10","keywords":["bbc","grid","cssgrid","styled-components"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@1.0.0-alpha.10","maintainers":[{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"cps-jenkins","email":"platform-cps-prod-account@lists.forge.bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"b8bd02d48c04b9b4927dcc8c39ad0f6f2b9fa4e8","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-1.0.0-alpha.10.tgz","fileCount":15,"integrity":"sha512-dn8mp9EEozStKVv39kT1MglziJ9siwnYMXW7FXmY+u9OzpO6LHDnAsJxfPjuzD2TTFijUsqLMuzB2CTb7CPG0Q==","signatures":[{"sig":"MEYCIQDGPLzD2aZGXMg9vLiKV/SqaaKuIGZxe98laMDzObyf4QIhAN8ExM7BbV9knQbKq4A90A4/uwk9LcF4zDNiMPIBlvay","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":357474,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJduDLCCRA9TVsSAnZWagAAeKcP/2mRLyKh10WF4z8Ih5hm\n3DtCSV8HOBYpLe10hG/eXKswjWrQyW/VbYNTRZMH8eO36gOzeaSBmav9rsUj\ndRPDHCZctDor3EbvkKKtYhdir9iqGw/xXmXkfMH6OB4PoaNyIgJO2GO/3Lfy\nmfwBgfURP3y9BSnZvYvzp/6sZrUFiEQVk+6ncJZ9H+T1UXwBxS1po6RwhPI6\ndn/SZewOoair+hgC56CBLt+Q0WfLkFWOEbIzhKHlZt9UjAFsB0lbLPCx6jqW\n/BsGHbetD1uAqtX+UfJPfQZUFw4dWocx67qHUQpR8hTLA9erMKieGPvA26jg\nGEXkgELU6JeoTfdD2TjcKHXIio+qFpmJht43qgBGn8tP/bFyNpDDpky3aAew\ngbuNYDbe3+rlC6UhnYgSKAGNIS14P47oZQ1v2YFmrjEAj2Kdtz/QWyz9xfdm\n+0U9ZX+Lgy4rZVJ3oA73QA7wVYdShX+jBgUPzVkX7G7NMfeeBsHZTRO7sjFi\nkUTu1B49Hr74y356X6w9uwsulkMi2kQxcFfLGOovBo1Vgbgr2+W8b19sT0B+\nV3luG/aeQkkzEeF70tMFCQKOx4DsH3Wd/gdA1+LxK5f+vAlWTOX5DYUUssFl\nE4mI5MXEaoKvXvyhm5iKi4NJF2MRSRWyFK/gna5Z6qzTCBIe2S117CQio9/I\n/a19\r\n=vQac\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","readme":"<!-- prettier-ignore -->\n# psammead-grid - [![Known Vulnerabilities](https://snyk.io/test/github/bbc/psammead/badge.svg?targetFile=packages%2Fcomponents%2Fpsammead-grid%2Fpackage.json)](https://snyk.io/test/github/bbc/psammead?targetFile=packages%2Fcomponents%2Fpsammead-grid%2Fpackage.json) [![Dependency Status](https://david-dm.org/bbc/psammead.svg?path=packages/components/psammead-grid)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-grid) [![peerDependencies Status](https://david-dm.org/bbc/psammead/peer-status.svg?path=packages/components/psammead-grid)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-grid&type=peer) [![Storybook](https://raw.githubusercontent.com/storybooks/brand/master/badge/badge-storybook.svg?sanitize=true)](https://bbc.github.io/psammead/?path=/story/grid--default) [![GitHub license](https://img.shields.io/badge/license-Apache%202.0-blue.svg)](https://github.com/bbc/psammead/blob/latest/LICENSE) [![npm version](https://img.shields.io/npm/v/@bbc/psammead-grid.svg)](https://www.npmjs.com/package/@bbc/psammead-grid) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/bbc/psammead/blob/latest/CONTRIBUTING.md)\n\n## Description\n\nPsammead Grid is a component that you can use to set out column-based layouts using CSS Grid. It is set up to follow the standard [GEL groups for breakpoints](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes) and you can toggle on the GEL margins, gutters and fixed widths, in accordance with the GEL grid guidelines if you are using it for page layouts.\n\n## Installation\n\n`npm install @bbc/psammead-grid`\n\n## Props\n\n<!-- prettier-ignore -->\n| Argument | Type | Required | Default | Example |\n| -------- | ---- | -------- | ------- | ------- |\n| columns | object | yes | N/A | { group0: 6, group1: 6, group2: 6, group3: 6, group4: 8, group5: 20 } |\n| startOffset | object | no | Sets all values as 1 for each of the groups defined in `columns` | { group0: 1, group1: 1, group2: 1, group3: 1, group4: 2, group5: 5 } |\n| item | boolean | no | false | `item` |\n| enableGelGutters | boolean | no | false | `enableGelGutter` |\n| enableGelMargins | boolean | no | false | `enableGelMargins` |\n\n- When should I use the `columns` prop?\n  - This should always be defined.\n  - All columns groups `group0` through `group5` should be provided.\n  - For a `<Grid>` element, it's the number of columns the grid has, and the number of columns it should span.\n  - For a `<Grid item>` element, it's the number of columns it should span.\n- When should I use the `item` prop?\n  - The `item` prop should be used on a `<Grid>` that is a direct child of another `<Grid>`. Using the `columns` prop's values you can choose how many columns to span at each breakpoint.\n  - It can and should be used whenever you're defining a new grid item - something that you want to span a set number of columns at a breakpoint.\n\n```jsx\n<Grid\n  columns={{ group0: 6, group1: 6, group2: 6, group3: 6, group4: 6, group5: 6 }}\n>\n  <Grid\n    item\n    columns={{\n      group0: 1,\n      group1: 1,\n      group2: 1,\n      group3: 1,\n      group4: 1,\n      group5: 1,\n    }}\n  >\n    This spans 1 out of 6 columns for all widths\n  </Grid>\n  <Grid\n    item\n    columns={{\n      group0: 5,\n      group1: 5,\n      group2: 5,\n      group3: 5,\n      group4: 5,\n      group5: 5,\n    }}\n  >\n    This spans 5 out of 6 columns for all widths\n  </Grid>\n</Grid>\n```\n\n- When should I use the `startOffset` prop?\n  - `startOffset` is an object structured just like the `columns` prop. You can set it on a `<Grid item>` element to start it at a column other than the first one.\n  - If you don't pass it in, the offset value defaults to 1, the start of the grid.\n- Why is there no vertical spacing on the grid?\n  - The Grid implementation only has gutters/margins for columns, [according to the GEL specification](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes). This is to allow flexibility for a variety of spacing. To add vertical spacing, you should add padding/margin/top/bottom to the contents.\n\n## Usage\n\nWe use the GEL Grid for our breakpoints, as well as for our standard gutters and margins. [The values are defined here in the GEL Grid documentation](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes).\n\nWhen we refer to `group3` in this component, we're referring to the breakpoint with a minimum width `GEL_GROUP_3_SCREEN_WIDTH_MIN` & a maximum width `GEL_GROUP_3_SCREEN_WIDTH_MAX`. These values are defined within [`@bbc/gel-foundations/breakpoints`](https://github.com/bbc/psammead/blob/latest/packages/utilities/gel-foundations/src/breakpoints.js).\n\n#### <a name=\"simple-example\">Simple example</a>\n\nHere is an example of a `<Grid>` that has 8 columns for `group4` (from 1008px to 1279px). It has four child `<Grid item>` elements, one which spans 6/8 columns and three others which spans 2/8 columns within this breakpoint.\n\n```jsx\nimport Grid from '@bbc/psammead-grid';\n\nconst MyComponent = () => (\n  <Grid\n    columns={{\n      group0: 8,\n      group1: 8,\n      group2: 8,\n      group3: 8,\n      group4: 8,\n      group5: 8,\n    }}\n  >\n    <Grid\n      item\n      columns={{\n        group0: 6,\n        group1: 6,\n        group2: 6,\n        group3: 6,\n        group4: 6,\n        group5: 6,\n      }}\n    >\n      <p>Item 1 - Paragraph that spans 6 out of 8 columns through group4</p>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 2,\n        group2: 2,\n        group3: 2,\n        group4: 2,\n        group5: 2,\n      }}\n    >\n      <p>Item 2 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 2,\n        group2: 2,\n        group3: 2,\n        group4: 2,\n        group5: 2,\n      }}\n    >\n      <p>Item 3 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 2,\n        group2: 2,\n        group3: 2,\n        group4: 2,\n        group5: 2,\n      }}\n    >\n      <p>Item 4 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n  </Grid>\n);\n```\n\nImage of this example when viewed at within `group4` (from 1008px to 1279px). When you look at this example at any other breakpoint, each of the four items fill up the full width of the row.\n![8 column grid with items 6 2 2 2 with labels](documentation/8-column-grid-with-items-6-2-2-2-with-labels.png)\n\n#### <a name=\"gutters-margins\">Setting standard GEL gutters and GEL Margins</a>\n\nUsing `enableGelGutters` and `enableGelMargins` on the `Grid` element. Note: these should _not_ be added to a `<Grid item>` element!\n\n```jsx\nimport Grid from '@bbc/psammead-grid';\n\nconst MyComponent = () => (\n  <Grid\n    enableGelGutters\n    enableGelMargins\n    columns={{\n      group0: 2,\n      group1: 4,\n      group2: 4,\n      group3: 6,\n      group4: 8,\n      group5: 12,\n    }}\n  >\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 4,\n        group2: 4,\n        group3: 6,\n        group4: 6,\n        group5: 12,\n      }}\n    >\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 6/8 columns\n      </p>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 4,\n        group2: 4,\n        group3: 6,\n        group4: 2,\n        group5: 12,\n      }}\n    >\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 2/8 columns\n      </p>\n    </Grid>\n  </Grid>\n);\n```\n\nScreenshot of this example with GEL Gutters and GEL Margins enabled\n![Screenshot of this example with GEL Gutters and GEL Margins enabled](documentation/Screenshot-example-with-gelMargins-and-gelGutters.png)\n\nScreenshot of this example without GEL Gutters and GEL Margins\n![Screenshot of this example without GEL Gutters and GEL Margins](documentation/Screenshot-example-without-gelMargins-and-gelGutters.png)\n\n#### <a name=\"nested-grid\">Nested grid example</a>\n\nNote that here, any time you use `<Grid>` that generates a new grid. The total number of columns at each breakpoint is set via the `columns` prop. Then to define how many columns the child `<Grid item >` should span, you can use the `columns` prop on the `<Grid item>`.\n\n```jsx\nimport Grid from '@bbc/psammead-grid';\n\nconst MyComponent = () => (\n  <Grid\n    columns={{\n      group0: 6,\n      group1: 6,\n      group2: 6,\n      group3: 6,\n      group4: 6,\n      group5: 6,\n    }}\n  >\n    <Grid\n      columns={{\n        group0: 6,\n        group1: 6,\n        group2: 6,\n        group3: 6,\n        group4: 6,\n        group5: 6,\n      }}\n    >\n      <Grid\n        item\n        columns={{\n          group0: 6,\n          group1: 6,\n          group2: 6,\n          group3: 3,\n          group4: 3,\n          group5: 3,\n        }}\n      >\n        <ExampleImage />\n      </Grid>\n      <Grid\n        item\n        columns={{\n          group0: 6,\n          group1: 6,\n          group2: 6,\n          group3: 3,\n          group4: 3,\n          group5: 3,\n        }}\n      >\n        <ExampleParagraph />\n      </Grid>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 2,\n        group2: 2,\n        group3: 2,\n        group4: 2,\n        group5: 2,\n      }}\n    >\n      <ExampleImage />\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 4,\n        group1: 4,\n        group2: 4,\n        group3: 4,\n        group4: 4,\n        group5: 4,\n      }}\n    >\n      <ExampleParagraph />\n    </Grid>\n  </Grid>\n);\n```\n\n### When to use this component\n\nThis `Grid` component can be used for page-level layouts as well as for layouts of individual components. You can nest Grids within one another for more complex layouts. Please see the Storybook Stories for examples.\n\n### Frequenty Asked Questions\n\n- When should I use the `item` prop?\n  - The `item` prop should be used on a child Grid element, that is a direct child of a `<Grid>`. Using the `columns` prop's values you can choose how many columns to span at each breakpoint.\n  - It can and should be used whenever you're defining a new grid item - something that you want to span a set number of columns at a breakpoint.\n- When should I use the `columns` prop?\n  - This should always be defined.\n  - For a `<Grid>` element, it's the number of columns the grid has.\n  - For a `<Grid item>` element, it's the number of columns it should span.\n- When should I use the `startOffset` prop?\n  - `startOffset` is an object just like the `columns` prop. You can set it on a Grid child element to start it at a column other than the first one.\n  - If you don't pass it in, the value defaults to 1, the start of the grid.\n- Why is there no vertical spacing on the grid?\n  - The Grid implementation only has gutters/margins for columns, [according to the GEL specification](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes). This is to allow flexibility for a variety of spacing. To add vertical spacing, you should add padding/margin/top/bottom to the contents.\n\n<!-- ### When not to use this component -->\n\n### Accessibility notes\n\nCurrently this component is in alpha. This is because it has not yet been tested with various assistive technologies. After it has had an accessibility swarm, this will be published under a standard version.\n\n## Roadmap\n\nCurrently the fallback for browsers that don't support CSS Grid is that there are no gutters or margins applied. We will implement a fix for this in a future version.\n\n## Contributing\n\nPsammead is completely open source. We are grateful for any contributions, whether they be new components, bug fixes or general improvements. Please see our primary contributing guide which can be found at [the root of the Psammead respository](https://github.com/bbc/psammead/blob/latest/CONTRIBUTING.md).\n\n### [Code of Conduct](https://github.com/bbc/psammead/blob/latest/CODE_OF_CONDUCT.md)\n\nWe welcome feedback and help on this work. By participating in this project, you agree to abide by the [code of conduct](https://github.com/bbc/psammead/blob/latest/CODE_OF_CONDUCT.md). Please take a moment to read it.\n\n### License\n\nPsammead is [Apache 2.0 licensed](https://github.com/bbc/psammead/blob/latest/LICENSE).\n","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.9.0","description":"Grid setup for components","directories":{},"_nodeVersion":"10.16.3","dependencies":{"@bbc/gel-foundations":"^3.4.1","@bbc/psammead-styles":"^4.1.0"},"publishConfig":{"tag":"alpha"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"styled-components":"^4.3.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_1.0.0-alpha.10_1572352705998_0.1636283052669243","host":"s3://npm-registry-packages"}},"1.0.0-alpha.11":{"name":"@bbc/psammead-grid","version":"1.0.0-alpha.11","keywords":["bbc","grid","cssgrid","styled-components"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@1.0.0-alpha.11","maintainers":[{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"cps-jenkins","email":"platform-cps-prod-account@lists.forge.bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"67f9c9c41dd164f078bed0c56d65f5c3678b0ffd","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-1.0.0-alpha.11.tgz","fileCount":15,"integrity":"sha512-x5VaoiPHA9y6smZQjTq8qcQP0oHFl5wEJzJcQIAuyWpJkMxzZik/EScoYlmZ43c0mLbyOs/dy035YIp9pCB2yg==","signatures":[{"sig":"MEYCIQD1VlFl7t6TOcQjvlnmFLxdX0cGs7DJhhzlLraOr3bm0AIhAO/t7VQdSNTXP/fk6JFFKLm8o5ykHoiH6GMi5k3l9Td/","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":382576,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdubMTCRA9TVsSAnZWagAA29sP/3Q7I+IVLV4ROWSaQumI\nROKB/vDxaBDIP4qGKFhrzZFJl+u/yVnCnqdmiqOKfchILcEkElGHmg7J7XQa\nMZqPYISW3qzCbtFSEx6zj7RxgHrz+xshvEPvpFMzVI+q+GYe2IbdrvHi2tgH\nJl2wKIfF0wromm7Wd504msQiK/WdHI7O6pxlHlvUZvlj1S1jQlQGV3Foe3CW\n/lQ9g6ZsQPEO4zFAkkHqA26KVGPyNpdc1JLn49OBiF1a9/v/YMK5a4GsOyFE\n7FBXFkUzaMKLAa+iVc7dvH5oVenlR0VWdx5sxvZk0ktRzjha4WklC2n9LuB0\n6zFfk04Ed+pdibFdZkabOrcj3SkM8TSWMRU16JyTCxj6AfyvPlB1pY/GM3lh\n0bJQbCQUii8jpH+AjAyJp2bNss9i7gdA/6BeCYStmu9SprqFnNJ5dCa1Qo0E\n0rnNCFIxCjqv7ZpJhXSPohF7y2xWU8IpdLLW2iPqJy/59RdtmsF9xwm8hTxR\nNigZaF8Mx1OszN7dTUvRqOdUjtGpdYugi1DE68YOpG+xFIUbL02j8wEx/rMn\nnaff3FXFxJLTz4+o86Qa8pDN3WWmLAHKma9QguwbxfQUDDSE1so2eEvyRYRD\ng3hArtkkXj47MRedwOk3OoYX4sf1DIJ5BDswvNLK46vCmmll0+em7Ppgv9Pd\nDTt7\r\n=MGte\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","readme":"<!-- prettier-ignore -->\n# psammead-grid - [![Known Vulnerabilities](https://snyk.io/test/github/bbc/psammead/badge.svg?targetFile=packages%2Fcomponents%2Fpsammead-grid%2Fpackage.json)](https://snyk.io/test/github/bbc/psammead?targetFile=packages%2Fcomponents%2Fpsammead-grid%2Fpackage.json) [![Dependency Status](https://david-dm.org/bbc/psammead.svg?path=packages/components/psammead-grid)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-grid) [![peerDependencies Status](https://david-dm.org/bbc/psammead/peer-status.svg?path=packages/components/psammead-grid)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-grid&type=peer) [![Storybook](https://raw.githubusercontent.com/storybooks/brand/master/badge/badge-storybook.svg?sanitize=true)](https://bbc.github.io/psammead/?path=/story/grid--default) [![GitHub license](https://img.shields.io/badge/license-Apache%202.0-blue.svg)](https://github.com/bbc/psammead/blob/latest/LICENSE) [![npm version](https://img.shields.io/npm/v/@bbc/psammead-grid.svg)](https://www.npmjs.com/package/@bbc/psammead-grid) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/bbc/psammead/blob/latest/CONTRIBUTING.md)\n\n## Description\n\nPsammead Grid is a component that you can use to set out column-based layouts using CSS Grid. It is set up to follow the standard [GEL groups for breakpoints](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes) and you can toggle on the GEL margins, gutters and fixed widths, in accordance with the GEL grid guidelines if you are using it for page layouts.\n\n## Installation\n\n`npm install @bbc/psammead-grid`\n\n## Props\n\n<!-- prettier-ignore -->\n| Argument | Type | Required | Default | Example |\n| -------- | ---- | -------- | ------- | ------- |\n| columns | object | yes | N/A | { group0: 6, group1: 6, group2: 6, group3: 6, group4: 8, group5: 20 } |\n| startOffset | object | no | Sets all values as 1 for each of the groups defined in `columns` | { group0: 1, group1: 1, group2: 1, group3: 1, group4: 2, group5: 5 } |\n| item | boolean | no | false | `item` |\n| enableGelGutters | boolean | no | false | `enableGelGutter` |\n| enableGelMargins | boolean | no | false | `enableGelMargins` |\n\n- When should I use the `columns` prop?\n  - This should always be defined.\n  - All columns groups `group0` through `group5` should be provided.\n  - For a `<Grid>` element, it's the number of columns the grid has, and the number of columns it should span.\n  - For a `<Grid item>` element, it's the number of columns it should span.\n- When should I use the `item` prop?\n  - The `item` prop should be used on a `<Grid>` that is a direct child of another `<Grid>`. Using the `columns` prop's values you can choose how many columns to span at each breakpoint.\n  - It can and should be used whenever you're defining a new grid item - something that you want to span a set number of columns at a breakpoint.\n\n```jsx\n<Grid\n  columns={{ group0: 6, group1: 6, group2: 6, group3: 6, group4: 6, group5: 6 }}\n>\n  <Grid\n    item\n    columns={{\n      group0: 1,\n      group1: 1,\n      group2: 1,\n      group3: 1,\n      group4: 1,\n      group5: 1\n    }}\n  >\n    This spans 1 out of 6 columns for all widths\n  </Grid>\n  <Grid\n    item\n    columns={{\n      group0: 5,\n      group1: 5,\n      group2: 5,\n      group3: 5,\n      group4: 5,\n      group5: 5\n    }}\n  >\n    This spans 5 out of 6 columns for all widths\n  </Grid>\n</Grid>\n```\n\n- When should I use the `startOffset` prop?\n  - `startOffset` is an object structured just like the `columns` prop. You can set it on a nested `Grid` or `<Grid item>` element to start it at a column other than the first one. It should not be added to the outer `Grid` as it won’t be working as expected unless its immediate parent has a `display: grid`.\n  - If you don't pass it in, the offset value defaults to 1, the start of the grid.\n- Why is there no vertical spacing on the grid?\n  - The Grid implementation only has gutters/margins for columns, [according to the GEL specification](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes). This is to allow flexibility for a variety of spacing. To add vertical spacing, you should add padding/margin/top/bottom to the contents.\n\n## Usage\n\nWe use the GEL Grid for our breakpoints, as well as for our standard gutters and margins. [The values are defined here in the GEL Grid documentation](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes).\n\nWhen we refer to `group3` in this component, we're referring to the breakpoint with a minimum width `GEL_GROUP_3_SCREEN_WIDTH_MIN` & a maximum width `GEL_GROUP_3_SCREEN_WIDTH_MAX`. These values are defined within [`@bbc/gel-foundations/breakpoints`](https://github.com/bbc/psammead/blob/latest/packages/utilities/gel-foundations/src/breakpoints.js).\n\n#### <a name=\"simple-example\">Simple example</a>\n\nHere is an example of a `<Grid>` that has 8 columns for `group4` (from 1008px to 1279px). It has four child `<Grid item>` elements, one which spans 6/8 columns and three others which spans 2/8 columns within this breakpoint.\n\n```jsx\nimport Grid from \"@bbc/psammead-grid\";\n\nconst MyComponent = () => (\n  <Grid\n    columns={{\n      group0: 8,\n      group1: 8,\n      group2: 8,\n      group3: 8,\n      group4: 8,\n      group5: 8\n    }}\n  >\n    <Grid\n      item\n      columns={{\n        group0: 6,\n        group1: 6,\n        group2: 6,\n        group3: 6,\n        group4: 6,\n        group5: 6\n      }}\n    >\n      <p>Item 1 - Paragraph that spans 6 out of 8 columns through group4</p>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 2,\n        group2: 2,\n        group3: 2,\n        group4: 2,\n        group5: 2\n      }}\n    >\n      <p>Item 2 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 2,\n        group2: 2,\n        group3: 2,\n        group4: 2,\n        group5: 2\n      }}\n    >\n      <p>Item 3 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 2,\n        group2: 2,\n        group3: 2,\n        group4: 2,\n        group5: 2\n      }}\n    >\n      <p>Item 4 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n  </Grid>\n);\n```\n\nImage of this example when viewed at within `group4` (from 1008px to 1279px). When you look at this example at any other breakpoint, each of the four items fill up the full width of the row.\n![8 column grid with items 6 2 2 2 with labels](documentation/8-column-grid-with-items-6-2-2-2-with-labels.png)\n\n#### <a name=\"gutters-margins\">Setting standard GEL gutters and GEL Margins</a>\n\nUsing `enableGelGutters` and `enableGelMargins` on the `Grid` element. Note: these should _not_ be added to a `<Grid item>` element!\n\n```jsx\nimport Grid from \"@bbc/psammead-grid\";\n\nconst MyComponent = () => (\n  <Grid\n    enableGelGutters\n    enableGelMargins\n    columns={{\n      group0: 2,\n      group1: 4,\n      group2: 4,\n      group3: 6,\n      group4: 8,\n      group5: 12\n    }}\n  >\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 4,\n        group2: 4,\n        group3: 6,\n        group4: 6,\n        group5: 12\n      }}\n    >\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 6/8 columns\n      </p>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 4,\n        group2: 4,\n        group3: 6,\n        group4: 2,\n        group5: 12\n      }}\n    >\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 2/8 columns\n      </p>\n    </Grid>\n  </Grid>\n);\n```\n\nScreenshot of this example with GEL Gutters and GEL Margins enabled\n![Screenshot of this example with GEL Gutters and GEL Margins enabled](documentation/Screenshot-example-with-gelMargins-and-gelGutters.png)\n\nScreenshot of this example without GEL Gutters and GEL Margins\n![Screenshot of this example without GEL Gutters and GEL Margins](documentation/Screenshot-example-without-gelMargins-and-gelGutters.png)\n\n#### <a name=\"nested-grid\">Nested grid example</a>\n\nNote that here, any time you use `<Grid>` that generates a new grid. The total number of columns at each breakpoint is set via the `columns` prop. Then to define how many columns the child `<Grid item >` should span, you can use the `columns` prop on the `<Grid item>`.\n\n```jsx\nimport Grid from \"@bbc/psammead-grid\";\n\nconst MyComponent = () => (\n  <Grid\n    columns={{\n      group0: 6,\n      group1: 6,\n      group2: 6,\n      group3: 6,\n      group4: 6,\n      group5: 6\n    }}\n  >\n    <Grid\n      columns={{\n        group0: 6,\n        group1: 6,\n        group2: 6,\n        group3: 6,\n        group4: 6,\n        group5: 6\n      }}\n    >\n      <Grid\n        item\n        columns={{\n          group0: 6,\n          group1: 6,\n          group2: 6,\n          group3: 3,\n          group4: 3,\n          group5: 3\n        }}\n      >\n        <ExampleImage />\n      </Grid>\n      <Grid\n        item\n        columns={{\n          group0: 6,\n          group1: 6,\n          group2: 6,\n          group3: 3,\n          group4: 3,\n          group5: 3\n        }}\n      >\n        <ExampleParagraph />\n      </Grid>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 2,\n        group2: 2,\n        group3: 2,\n        group4: 2,\n        group5: 2\n      }}\n    >\n      <ExampleImage />\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 4,\n        group1: 4,\n        group2: 4,\n        group3: 4,\n        group4: 4,\n        group5: 4\n      }}\n    >\n      <ExampleParagraph />\n    </Grid>\n  </Grid>\n);\n```\n\n### When to use this component\n\nThis `Grid` component can be used for page-level layouts as well as for layouts of individual components. You can nest Grids within one another for more complex layouts. Please see the Storybook Stories for examples.\n\n### Frequenty Asked Questions\n\n- When should I use the `item` prop?\n  - The `item` prop should be used on a child Grid element, that is a direct child of a `<Grid>`. Using the `columns` prop's values you can choose how many columns to span at each breakpoint.\n  - It can and should be used whenever you're defining a new grid item - something that you want to span a set number of columns at a breakpoint.\n- When should I use the `columns` prop?\n  - This should always be defined.\n  - For a `<Grid>` element, it's the number of columns the grid has.\n  - For a `<Grid item>` element, it's the number of columns it should span.\n- When should I use the `startOffset` prop?\n  - `startOffset` is an object just like the `columns` prop. You can set it on a Grid child element to start it at a column other than the first one.\n  - If you don't pass it in, the value defaults to 1, the start of the grid.\n- Why is there no vertical spacing on the grid?\n  - The Grid implementation only has gutters/margins for columns, [according to the GEL specification](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes). This is to allow flexibility for a variety of spacing. To add vertical spacing, you should add padding/margin/top/bottom to the contents.\n\n<!-- ### When not to use this component -->\n\n### Accessibility notes\n\nCurrently this component is in alpha. This is because it has not yet been tested with various assistive technologies. After it has had an accessibility swarm, this will be published under a standard version.\n\n<!-- ## Roadmap -->\n\n## Contributing\n\nPsammead is completely open source. We are grateful for any contributions, whether they be new components, bug fixes or general improvements. Please see our primary contributing guide which can be found at [the root of the Psammead respository](https://github.com/bbc/psammead/blob/latest/CONTRIBUTING.md).\n\n### [Code of Conduct](https://github.com/bbc/psammead/blob/latest/CODE_OF_CONDUCT.md)\n\nWe welcome feedback and help on this work. By participating in this project, you agree to abide by the [code of conduct](https://github.com/bbc/psammead/blob/latest/CODE_OF_CONDUCT.md). Please take a moment to read it.\n\n### License\n\nPsammead is [Apache 2.0 licensed](https://github.com/bbc/psammead/blob/latest/LICENSE).\n","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.9.0","description":"Grid setup for components","directories":{},"_nodeVersion":"10.16.3","dependencies":{"@bbc/gel-foundations":"^3.4.1","@bbc/psammead-styles":"^4.1.0"},"publishConfig":{"tag":"alpha"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"styled-components":"^4.3.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_1.0.0-alpha.11_1572451090748_0.6550690908118773","host":"s3://npm-registry-packages"}},"1.0.0-alpha.12":{"name":"@bbc/psammead-grid","version":"1.0.0-alpha.12","keywords":["bbc","grid","cssgrid","styled-components"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@1.0.0-alpha.12","maintainers":[{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"cps-jenkins","email":"platform-cps-prod-account@lists.forge.bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"6eebb66c07a64742914a13a63120284fe74d4a5b","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-1.0.0-alpha.12.tgz","fileCount":15,"integrity":"sha512-2WdyMqqX0Rh+Rt2B7jQqcW3EVvgnCD2GeXTWaNQSn7ZfYAy3wlb5VRD3ByBsdela+lzZwxr7vq0cJ42LsYx0Cw==","signatures":[{"sig":"MEUCIQDmwmcFXiQdN13Tvpil6A6yL+lHxZDSbOTKwwNZPX7cpAIgCjtaW7awKjcAb5IhyzxEAHCKAvLOQxe9VDaz0ys3UlU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":382827,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdwYUACRA9TVsSAnZWagAAQfUQAJiT0QfflcPeimcJKU4Y\ns9VtEVqJ0oyAVHjJVKNKopO3ij7uyGXiD2ygvTBzAw3PCCyP/FqNvw0yNyKp\nPGMWX2RYo4Vc1yY6ZoJFmNz3n9oCWrpXkKpoZphh/pYvhpgToIA2i9tFQ68t\neJcqZqFNL+AkVlWnPdcgGJfy+7XgNoIX+nrr1KDdGkHUwENIz7GmejeUYxCR\nQIsi6M8SIgobmFSPxn1N6M6J4kpWzXDmL/MDusPgP8/881TgSnjxN7dCssSM\nm0D6ULiSK4aUxt1b2V49JkDspwsfUmiDCoVccw3Wina+XG8XlrFTRW7nvbrJ\n60tyO04pVu2kWiJPaOqq3WuDLsofw8x30PbGsXI5ooRY0V06OTlx6jBoD8Wu\n/g7BGQUJQz/t278E0eDd//VwKzPUqgFHAwB4Pdt2Y1XEO+y/zazTAewudei6\nDXNtGdUHQsmvTbgFxuOMsx5gL6jTekpVQbAwD7SSA9aiR63typQaYgSATC0j\n/nb0qakVvC1r5fQa09VA+JH3w84Hsqk/bXaW67qJVJhCFEG0/0zsdrgW0zJF\nOHziju+ROufu6jgkoPyVlKGn5tFAv+d0XRGygPoiYETGOymFVc6nAXViQpir\nWGXu1ej4E90PqOATjB/xBLwkS2KwDqmVTnaUSymS23275Pqx2DVMWgGio2o4\nwDL0\r\n=AY+g\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","readme":"<!-- prettier-ignore -->\n# psammead-grid - [![Known Vulnerabilities](https://snyk.io/test/github/bbc/psammead/badge.svg?targetFile=packages%2Fcomponents%2Fpsammead-grid%2Fpackage.json)](https://snyk.io/test/github/bbc/psammead?targetFile=packages%2Fcomponents%2Fpsammead-grid%2Fpackage.json) [![Dependency Status](https://david-dm.org/bbc/psammead.svg?path=packages/components/psammead-grid)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-grid) [![peerDependencies Status](https://david-dm.org/bbc/psammead/peer-status.svg?path=packages/components/psammead-grid)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-grid&type=peer) [![Storybook](https://raw.githubusercontent.com/storybooks/brand/master/badge/badge-storybook.svg?sanitize=true)](https://bbc.github.io/psammead/?path=/story/grid--default) [![GitHub license](https://img.shields.io/badge/license-Apache%202.0-blue.svg)](https://github.com/bbc/psammead/blob/latest/LICENSE) [![npm version](https://img.shields.io/npm/v/@bbc/psammead-grid.svg)](https://www.npmjs.com/package/@bbc/psammead-grid) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/bbc/psammead/blob/latest/CONTRIBUTING.md)\n\n## Description\n\nPsammead Grid is a component that you can use to set out column-based layouts using CSS Grid. It is set up to follow the standard [GEL groups for breakpoints](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes) and you can toggle on the GEL margins, gutters and fixed widths, in accordance with the GEL grid guidelines if you are using it for page layouts.\n\n## Installation\n\n`npm install @bbc/psammead-grid`\n\n## Props\n\n<!-- prettier-ignore -->\n| Argument | Type | Required | Default | Example |\n| -------- | ---- | -------- | ------- | ------- |\n| columns | object | yes | N/A | { group0: 6, group1: 6, group2: 6, group3: 6, group4: 8, group5: 20 } |\n| startOffset | object | no | Sets all values as 1 for each of the groups defined in `columns` | { group0: 1, group1: 1, group2: 1, group3: 1, group4: 2, group5: 5 } |\n| item | boolean | no | false | `item` |\n| enableGelGutters | boolean | no | false | `enableGelGutter` |\n| enableGelMargins | boolean | no | false | `enableGelMargins` |\n\n- When should I use the `columns` prop?\n  - This should always be defined.\n  - All columns groups `group0` through `group5` should be provided.\n  - For a `<Grid>` element, it's the number of columns the grid has, and the number of columns it should span.\n  - For a `<Grid item>` element, it's the number of columns it should span.\n- When should I use the `item` prop?\n  - The `item` prop should be used on a `<Grid>` that is a direct child of another `<Grid>`. Using the `columns` prop's values you can choose how many columns to span at each breakpoint.\n  - It can and should be used whenever you're defining a new grid item - something that you want to span a set number of columns at a breakpoint.\n\n```jsx\n<Grid\n  columns={{ group0: 6, group1: 6, group2: 6, group3: 6, group4: 6, group5: 6 }}\n>\n  <Grid\n    item\n    columns={{\n      group0: 1,\n      group1: 1,\n      group2: 1,\n      group3: 1,\n      group4: 1,\n      group5: 1\n    }}\n  >\n    This spans 1 out of 6 columns for all widths\n  </Grid>\n  <Grid\n    item\n    columns={{\n      group0: 5,\n      group1: 5,\n      group2: 5,\n      group3: 5,\n      group4: 5,\n      group5: 5\n    }}\n  >\n    This spans 5 out of 6 columns for all widths\n  </Grid>\n</Grid>\n```\n\n- When should I use the `startOffset` prop?\n  - `startOffset` is an object structured just like the `columns` prop. You can set it on a nested `Grid` or `<Grid item>` element to start it at a column other than the first one. It should not be added to the outer `Grid` as it won’t be working as expected unless its immediate parent has a `display: grid`.\n  - If you don't pass it in, the offset value defaults to 1, the start of the grid.\n- Why is there no vertical spacing on the grid?\n  - The Grid implementation only has gutters/margins for columns, [according to the GEL specification](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes). This is to allow flexibility for a variety of spacing. To add vertical spacing, you should add padding/margin/top/bottom to the contents.\n\n## Usage\n\nWe use the GEL Grid for our breakpoints, as well as for our standard gutters and margins. [The values are defined here in the GEL Grid documentation](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes).\n\nWhen we refer to `group3` in this component, we're referring to the breakpoint with a minimum width `GEL_GROUP_3_SCREEN_WIDTH_MIN` & a maximum width `GEL_GROUP_3_SCREEN_WIDTH_MAX`. These values are defined within [`@bbc/gel-foundations/breakpoints`](https://github.com/bbc/psammead/blob/latest/packages/utilities/gel-foundations/src/breakpoints.js).\n\n#### <a name=\"simple-example\">Simple example</a>\n\nHere is an example of a `<Grid>` that has 8 columns for `group4` (from 1008px to 1279px). It has four child `<Grid item>` elements, one which spans 6/8 columns and three others which spans 2/8 columns within this breakpoint.\n\n```jsx\nimport Grid from \"@bbc/psammead-grid\";\n\nconst MyComponent = () => (\n  <Grid\n    columns={{\n      group0: 8,\n      group1: 8,\n      group2: 8,\n      group3: 8,\n      group4: 8,\n      group5: 8\n    }}\n  >\n    <Grid\n      item\n      columns={{\n        group0: 6,\n        group1: 6,\n        group2: 6,\n        group3: 6,\n        group4: 6,\n        group5: 6\n      }}\n    >\n      <p>Item 1 - Paragraph that spans 6 out of 8 columns through group4</p>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 2,\n        group2: 2,\n        group3: 2,\n        group4: 2,\n        group5: 2\n      }}\n    >\n      <p>Item 2 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 2,\n        group2: 2,\n        group3: 2,\n        group4: 2,\n        group5: 2\n      }}\n    >\n      <p>Item 3 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 2,\n        group2: 2,\n        group3: 2,\n        group4: 2,\n        group5: 2\n      }}\n    >\n      <p>Item 4 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n  </Grid>\n);\n```\n\nImage of this example when viewed at within `group4` (from 1008px to 1279px). When you look at this example at any other breakpoint, each of the four items fill up the full width of the row.\n![8 column grid with items 6 2 2 2 with labels](documentation/8-column-grid-with-items-6-2-2-2-with-labels.png)\n\n#### <a name=\"gutters-margins\">Setting standard GEL gutters and GEL Margins</a>\n\nUsing `enableGelGutters` and `enableGelMargins` on the `Grid` element. Note: these should _not_ be added to a `<Grid item>` element!\n\n```jsx\nimport Grid from \"@bbc/psammead-grid\";\n\nconst MyComponent = () => (\n  <Grid\n    enableGelGutters\n    enableGelMargins\n    columns={{\n      group0: 2,\n      group1: 4,\n      group2: 4,\n      group3: 6,\n      group4: 8,\n      group5: 12\n    }}\n  >\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 4,\n        group2: 4,\n        group3: 6,\n        group4: 6,\n        group5: 12\n      }}\n    >\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 6/8 columns\n      </p>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 4,\n        group2: 4,\n        group3: 6,\n        group4: 2,\n        group5: 12\n      }}\n    >\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 2/8 columns\n      </p>\n    </Grid>\n  </Grid>\n);\n```\n\nScreenshot of this example with GEL Gutters and GEL Margins enabled\n![Screenshot of this example with GEL Gutters and GEL Margins enabled](documentation/Screenshot-example-with-gelMargins-and-gelGutters.png)\n\nScreenshot of this example without GEL Gutters and GEL Margins\n![Screenshot of this example without GEL Gutters and GEL Margins](documentation/Screenshot-example-without-gelMargins-and-gelGutters.png)\n\n#### <a name=\"nested-grid\">Nested grid example</a>\n\nNote that here, any time you use `<Grid>` that generates a new grid. The total number of columns at each breakpoint is set via the `columns` prop. Then to define how many columns the child `<Grid item >` should span, you can use the `columns` prop on the `<Grid item>`.\n\n```jsx\nimport Grid from \"@bbc/psammead-grid\";\n\nconst MyComponent = () => (\n  <Grid\n    columns={{\n      group0: 6,\n      group1: 6,\n      group2: 6,\n      group3: 6,\n      group4: 6,\n      group5: 6\n    }}\n  >\n    <Grid\n      columns={{\n        group0: 6,\n        group1: 6,\n        group2: 6,\n        group3: 6,\n        group4: 6,\n        group5: 6\n      }}\n    >\n      <Grid\n        item\n        columns={{\n          group0: 6,\n          group1: 6,\n          group2: 6,\n          group3: 3,\n          group4: 3,\n          group5: 3\n        }}\n      >\n        <ExampleImage />\n      </Grid>\n      <Grid\n        item\n        columns={{\n          group0: 6,\n          group1: 6,\n          group2: 6,\n          group3: 3,\n          group4: 3,\n          group5: 3\n        }}\n      >\n        <ExampleParagraph />\n      </Grid>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 2,\n        group2: 2,\n        group3: 2,\n        group4: 2,\n        group5: 2\n      }}\n    >\n      <ExampleImage />\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 4,\n        group1: 4,\n        group2: 4,\n        group3: 4,\n        group4: 4,\n        group5: 4\n      }}\n    >\n      <ExampleParagraph />\n    </Grid>\n  </Grid>\n);\n```\n\n### When to use this component\n\nThis `Grid` component can be used for page-level layouts as well as for layouts of individual components. You can nest Grids within one another for more complex layouts. Please see the Storybook Stories for examples.\n\n### Frequenty Asked Questions\n\n- When should I use the `item` prop?\n  - The `item` prop should be used on a child Grid element, that is a direct child of a `<Grid>`. Using the `columns` prop's values you can choose how many columns to span at each breakpoint.\n  - It can and should be used whenever you're defining a new grid item - something that you want to span a set number of columns at a breakpoint.\n- When should I use the `columns` prop?\n  - This should always be defined.\n  - For a `<Grid>` element, it's the number of columns the grid has.\n  - For a `<Grid item>` element, it's the number of columns it should span.\n- When should I use the `startOffset` prop?\n  - `startOffset` is an object just like the `columns` prop. You can set it on a Grid child element to start it at a column other than the first one.\n  - If you don't pass it in, the value defaults to 1, the start of the grid.\n- Why is there no vertical spacing on the grid?\n  - The Grid implementation only has gutters/margins for columns, [according to the GEL specification](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes). This is to allow flexibility for a variety of spacing. To add vertical spacing, you should add padding/margin/top/bottom to the contents.\n\n<!-- ### When not to use this component -->\n\n### Accessibility notes\n\nCurrently this component is in alpha. This is because it has not yet been tested with various assistive technologies. After it has had an accessibility swarm, this will be published under a standard version.\n\n<!-- ## Roadmap -->\n\n## Contributing\n\nPsammead is completely open source. We are grateful for any contributions, whether they be new components, bug fixes or general improvements. Please see our primary contributing guide which can be found at [the root of the Psammead respository](https://github.com/bbc/psammead/blob/latest/CONTRIBUTING.md).\n\n### [Code of Conduct](https://github.com/bbc/psammead/blob/latest/CODE_OF_CONDUCT.md)\n\nWe welcome feedback and help on this work. By participating in this project, you agree to abide by the [code of conduct](https://github.com/bbc/psammead/blob/latest/CODE_OF_CONDUCT.md). Please take a moment to read it.\n\n### License\n\nPsammead is [Apache 2.0 licensed](https://github.com/bbc/psammead/blob/latest/LICENSE).\n","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.9.0","description":"Grid setup for components","directories":{},"_nodeVersion":"10.16.3","dependencies":{"@bbc/gel-foundations":"^3.4.1","@bbc/psammead-styles":"^4.1.0"},"publishConfig":{"tag":"alpha"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"styled-components":"^4.3.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_1.0.0-alpha.12_1572963583708_0.5624310975985696","host":"s3://npm-registry-packages"}},"1.0.0-alpha.13":{"name":"@bbc/psammead-grid","version":"1.0.0-alpha.13","keywords":["bbc","grid","cssgrid","styled-components"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@1.0.0-alpha.13","maintainers":[{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"cps-jenkins","email":"platform-cps-prod-account@lists.forge.bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"45912a874358b9d6ab69329fbe495f612c8d4d8e","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-1.0.0-alpha.13.tgz","fileCount":15,"integrity":"sha512-8fqEenMPast6J0jpoOHGRodgzAUfXTeZE0JJ5vsgM1LKJr31VRMlXehbHG/lz7IGh6l4gURQ6AhPa0yV/+9+Gw==","signatures":[{"sig":"MEUCIGHuDugl60ia52leJwV8RExhC73MnUNMGMB3eu6/jARaAiEAkKpqfyLjWmPm+tXWbHXSU1QyN+ARxzUOJN6DHxSEBe8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":389614,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdy/B+CRA9TVsSAnZWagAAZVwP+gJ58MFMcqaLd1pBbAqq\nJvzZAMVDkgD61d9MO1IVnMBWl3HcVKS3zZ0TQPXUPUUFL+bVIKCBk7/BfPJx\n+4mtlNZ0L0KsU7iQQ0d7DmPYskO3fuygOruAPvbIaNAlULO816bvZe1sY+oO\n4NaUJR03+sy6bsbK/0kEu3Bf1kiEBK9Pf3XIXEpAdHMARJBiiwmxQ6sl9rq8\nhrzsBXefPl40VlH5x6EZXXjLgNeZnuqKzxtZscpLg6eXBjWMpnYiuj/BHy+R\nzh4OlupL/N3Ck/4wBK/v8omm60WlkXY6ocaZZg9nY9Y6D378n9nqlZZ24/W4\nU37yQ1UL06bc98sfCMKCiOxwRL5fDWY8FcjeIGiJvSrodPq+FDCPd9St2ANd\nCAAlSxlG+8s43wLfUWZNbPY5pHbKAa2Yn++YODQHaOQ27jLlCiO6PExcgRVU\nwVPpSXpHA1WeU+fwxPj0RoaLX+8fo9pxAU0iquaNYs3S6pZ3AbS31y6HgCkb\nf8+zXv1VBNbNXhQHTS33voUHOTTI9KhF9lB1P+/78L9hYtyY9wijzUFr+vBN\ntDv37omL402MbOneeEU+OPEU8za1221lIrRm4DZCb1ttEwJFWzhZtlYEhS7c\na2aE/tKS0G4o5VB7xweNzMGuuU3oP1zma4gVKDzUOUXw9ceiU2W1eq8GCD8P\nP4eO\r\n=MqTj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","readme":"<!-- prettier-ignore -->\n# psammead-grid - [![Known Vulnerabilities](https://snyk.io/test/github/bbc/psammead/badge.svg?targetFile=packages%2Fcomponents%2Fpsammead-grid%2Fpackage.json)](https://snyk.io/test/github/bbc/psammead?targetFile=packages%2Fcomponents%2Fpsammead-grid%2Fpackage.json) [![Dependency Status](https://david-dm.org/bbc/psammead.svg?path=packages/components/psammead-grid)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-grid) [![peerDependencies Status](https://david-dm.org/bbc/psammead/peer-status.svg?path=packages/components/psammead-grid)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-grid&type=peer) [![Storybook](https://raw.githubusercontent.com/storybooks/brand/master/badge/badge-storybook.svg?sanitize=true)](https://bbc.github.io/psammead/?path=/story/grid--default) [![GitHub license](https://img.shields.io/badge/license-Apache%202.0-blue.svg)](https://github.com/bbc/psammead/blob/latest/LICENSE) [![npm version](https://img.shields.io/npm/v/@bbc/psammead-grid.svg)](https://www.npmjs.com/package/@bbc/psammead-grid) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/bbc/psammead/blob/latest/CONTRIBUTING.md)\n\n## Description\n\nPsammead Grid is a component that you can use to set out column-based layouts using CSS Grid. It is set up to follow the standard [GEL groups for breakpoints](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes) and you can toggle on the GEL margins, gutters and fixed widths, in accordance with the GEL grid guidelines if you are using it for page layouts.\n\n## Installation\n\n`npm install @bbc/psammead-grid`\n\n## Props\n\n<!-- prettier-ignore -->\n| Argument | Type | Required | Default | Example |\n| -------- | ---- | -------- | ------- | ------- |\n| columns | object | yes | N/A | { group0: 6, group1: 6, group2: 6, group3: 6, group4: 8, group5: 20 } |\n| startOffset | object | no | Sets all values as 1 for each of the groups defined in `columns` | { group0: 1, group1: 1, group2: 1, group3: 1, group4: 2, group5: 5 } |\n| item | boolean | no | false | `item` |\n| enableGelGutters | boolean | no | false | `enableGelGutter` |\n| enableGelMargins | boolean | no | false | `enableGelMargins` |\n\n- When should I use the `columns` prop?\n  - This should always be defined.\n  - All columns groups `group0` through `group5` should be provided.\n  - For a `<Grid>` element, it's the number of columns the grid has, and the number of columns it should span.\n  - For a `<Grid item>` element, it's the number of columns it should span.\n- When should I use the `item` prop?\n  - The `item` prop should be used on a `<Grid>` that is a direct child of another `<Grid>`. Using the `columns` prop's values you can choose how many columns to span at each breakpoint.\n  - It can and should be used whenever you're defining a new grid item - something that you want to span a set number of columns at a breakpoint.\n\n```jsx\n<Grid\n  columns={{ group0: 6, group1: 6, group2: 6, group3: 6, group4: 6, group5: 6 }}\n>\n  <Grid\n    item\n    columns={{\n      group0: 1,\n      group1: 1,\n      group2: 1,\n      group3: 1,\n      group4: 1,\n      group5: 1\n    }}\n  >\n    This spans 1 out of 6 columns for all widths\n  </Grid>\n  <Grid\n    item\n    columns={{\n      group0: 5,\n      group1: 5,\n      group2: 5,\n      group3: 5,\n      group4: 5,\n      group5: 5\n    }}\n  >\n    This spans 5 out of 6 columns for all widths\n  </Grid>\n</Grid>\n```\n\n- When should I use the `startOffset` prop?\n  - `startOffset` is an object structured just like the `columns` prop. You can set it on a nested `Grid` or `<Grid item>` element to start it at a column other than the first one. It should not be added to the outer `Grid` as it won’t be working as expected unless its immediate parent has a `display: grid`.\n  - If you don't pass it in, the offset value defaults to 1, the start of the grid.\n- Why is there no vertical spacing on the grid?\n  - The Grid implementation only has gutters/margins for columns, [according to the GEL specification](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes). This is to allow flexibility for a variety of spacing. To add vertical spacing, you should add padding/margin/top/bottom to the contents.\n\n## Usage\n\nWe use the GEL Grid for our breakpoints, as well as for our standard gutters and margins. [The values are defined here in the GEL Grid documentation](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes).\n\nWhen we refer to `group3` in this component, we're referring to the breakpoint with a minimum width `GEL_GROUP_3_SCREEN_WIDTH_MIN` & a maximum width `GEL_GROUP_3_SCREEN_WIDTH_MAX`. These values are defined within [`@bbc/gel-foundations/breakpoints`](https://github.com/bbc/psammead/blob/latest/packages/utilities/gel-foundations/src/breakpoints.js).\n\n#### <a name=\"simple-example\">Simple example</a>\n\nHere is an example of a `<Grid>` that has 8 columns for `group4` (from 1008px to 1279px). It has four child `<Grid item>` elements, one which spans 6/8 columns and three others which spans 2/8 columns within this breakpoint.\n\n```jsx\nimport Grid from \"@bbc/psammead-grid\";\n\nconst MyComponent = () => (\n  <Grid\n    columns={{\n      group0: 8,\n      group1: 8,\n      group2: 8,\n      group3: 8,\n      group4: 8,\n      group5: 8\n    }}\n  >\n    <Grid\n      item\n      columns={{\n        group0: 6,\n        group1: 6,\n        group2: 6,\n        group3: 6,\n        group4: 6,\n        group5: 6\n      }}\n    >\n      <p>Item 1 - Paragraph that spans 6 out of 8 columns through group4</p>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 2,\n        group2: 2,\n        group3: 2,\n        group4: 2,\n        group5: 2\n      }}\n    >\n      <p>Item 2 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 2,\n        group2: 2,\n        group3: 2,\n        group4: 2,\n        group5: 2\n      }}\n    >\n      <p>Item 3 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 2,\n        group2: 2,\n        group3: 2,\n        group4: 2,\n        group5: 2\n      }}\n    >\n      <p>Item 4 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n  </Grid>\n);\n```\n\nImage of this example when viewed at within `group4` (from 1008px to 1279px). When you look at this example at any other breakpoint, each of the four items fill up the full width of the row.\n![8 column grid with items 6 2 2 2 with labels](documentation/8-column-grid-with-items-6-2-2-2-with-labels.png)\n\n#### <a name=\"gutters-margins\">Setting standard GEL gutters and GEL Margins</a>\n\nUsing `enableGelGutters` and `enableGelMargins` on the `Grid` element. Note: these should _not_ be added to a `<Grid item>` element!\n\n```jsx\nimport Grid from \"@bbc/psammead-grid\";\n\nconst MyComponent = () => (\n  <Grid\n    enableGelGutters\n    enableGelMargins\n    columns={{\n      group0: 2,\n      group1: 4,\n      group2: 4,\n      group3: 6,\n      group4: 8,\n      group5: 12\n    }}\n  >\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 4,\n        group2: 4,\n        group3: 6,\n        group4: 6,\n        group5: 12\n      }}\n    >\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 6/8 columns\n      </p>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 4,\n        group2: 4,\n        group3: 6,\n        group4: 2,\n        group5: 12\n      }}\n    >\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 2/8 columns\n      </p>\n    </Grid>\n  </Grid>\n);\n```\n\nScreenshot of this example with GEL Gutters and GEL Margins enabled\n![Screenshot of this example with GEL Gutters and GEL Margins enabled](documentation/Screenshot-example-with-gelMargins-and-gelGutters.png)\n\nScreenshot of this example without GEL Gutters and GEL Margins\n![Screenshot of this example without GEL Gutters and GEL Margins](documentation/Screenshot-example-without-gelMargins-and-gelGutters.png)\n\n#### <a name=\"nested-grid\">Nested grid example</a>\n\nNote that here, any time you use `<Grid>` that generates a new grid. The total number of columns at each breakpoint is set via the `columns` prop. Then to define how many columns the child `<Grid item >` should span, you can use the `columns` prop on the `<Grid item>`.\n\n```jsx\nimport Grid from \"@bbc/psammead-grid\";\n\nconst MyComponent = () => (\n  <Grid\n    columns={{\n      group0: 6,\n      group1: 6,\n      group2: 6,\n      group3: 6,\n      group4: 6,\n      group5: 6\n    }}\n  >\n    <Grid\n      columns={{\n        group0: 6,\n        group1: 6,\n        group2: 6,\n        group3: 6,\n        group4: 6,\n        group5: 6\n      }}\n    >\n      <Grid\n        item\n        columns={{\n          group0: 6,\n          group1: 6,\n          group2: 6,\n          group3: 3,\n          group4: 3,\n          group5: 3\n        }}\n      >\n        <ExampleImage />\n      </Grid>\n      <Grid\n        item\n        columns={{\n          group0: 6,\n          group1: 6,\n          group2: 6,\n          group3: 3,\n          group4: 3,\n          group5: 3\n        }}\n      >\n        <ExampleParagraph />\n      </Grid>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 2,\n        group2: 2,\n        group3: 2,\n        group4: 2,\n        group5: 2\n      }}\n    >\n      <ExampleImage />\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 4,\n        group1: 4,\n        group2: 4,\n        group3: 4,\n        group4: 4,\n        group5: 4\n      }}\n    >\n      <ExampleParagraph />\n    </Grid>\n  </Grid>\n);\n```\n\n### When to use this component\n\nThis `Grid` component can be used for page-level layouts as well as for layouts of individual components. You can nest Grids within one another for more complex layouts. Please see the Storybook Stories for examples.\n\n### Frequenty Asked Questions\n\n- When should I use the `item` prop?\n  - The `item` prop should be used on a child Grid element, that is a direct child of a `<Grid>`. Using the `columns` prop's values you can choose how many columns to span at each breakpoint.\n  - It can and should be used whenever you're defining a new grid item - something that you want to span a set number of columns at a breakpoint.\n- When should I use the `columns` prop?\n  - This should always be defined.\n  - For a `<Grid>` element, it's the number of columns the grid has.\n  - For a `<Grid item>` element, it's the number of columns it should span.\n- When should I use the `startOffset` prop?\n  - `startOffset` is an object just like the `columns` prop. You can set it on a Grid child element to start it at a column other than the first one.\n  - If you don't pass it in, the value defaults to 1, the start of the grid.\n- Why is there no vertical spacing on the grid?\n  - The Grid implementation only has gutters/margins for columns, [according to the GEL specification](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes). This is to allow flexibility for a variety of spacing. To add vertical spacing, you should add padding/margin/top/bottom to the contents.\n\n<!-- ### When not to use this component -->\n\n### Accessibility notes\n\nCurrently this component is in alpha. This is because it has not yet been tested with various assistive technologies. After it has had an accessibility swarm, this will be published under a standard version.\n\n<!-- ## Roadmap -->\n\n## Contributing\n\nPsammead is completely open source. We are grateful for any contributions, whether they be new components, bug fixes or general improvements. Please see our primary contributing guide which can be found at [the root of the Psammead respository](https://github.com/bbc/psammead/blob/latest/CONTRIBUTING.md).\n\n### [Code of Conduct](https://github.com/bbc/psammead/blob/latest/CODE_OF_CONDUCT.md)\n\nWe welcome feedback and help on this work. By participating in this project, you agree to abide by the [code of conduct](https://github.com/bbc/psammead/blob/latest/CODE_OF_CONDUCT.md). Please take a moment to read it.\n\n### License\n\nPsammead is [Apache 2.0 licensed](https://github.com/bbc/psammead/blob/latest/LICENSE).\n","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.12.0","description":"Grid setup for components","directories":{},"_nodeVersion":"12.13.0","dependencies":{"@bbc/gel-foundations":"^3.4.1","@bbc/psammead-styles":"^4.1.0"},"publishConfig":{"tag":"alpha"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"styled-components":"^4.3.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_1.0.0-alpha.13_1573646461866_0.42424666578821335","host":"s3://npm-registry-packages"}},"1.0.0-alpha.14":{"name":"@bbc/psammead-grid","version":"1.0.0-alpha.14","keywords":["bbc","grid","cssgrid","styled-components"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@1.0.0-alpha.14","maintainers":[{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"cps-jenkins","email":"platform-cps-prod-account@lists.forge.bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"1dc61ce43b00c22438b31694034e922ac71f3cf4","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-1.0.0-alpha.14.tgz","fileCount":15,"integrity":"sha512-aRz7V5or3QtOs+ksm5pi02wxzN5PrOsHz9cW4Yputbm6x/7rBtHhBxmJ36VI9nP4Stw7soS/s5pw4zMsjc9ZoA==","signatures":[{"sig":"MEYCIQDQ8mxIIW8GwlVAQCLVCg9jmBahoNWGVZQ5p8yNsS0vUgIhAJANsFoqtBBOojSk3XvzNKWwUXZQFxYpQRbN1q23cswa","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":389737,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd3k6YCRA9TVsSAnZWagAAdrQP/RHgVVoybcDNT3FLCDTi\nwPgLkLlW8Xcr8wH+O93pZkOSABRJADb5OuyxC04OtxHMBb+0c7xGI83yAQNv\nUqr9z9UcPHE918/aYRPSBYbNKrlu6xLjQAh0ZeDOWi7zymb4deQq6RD0plSi\nd/75Db6m/a91EVR/3IuTaDG6Og2kETYkjisH3cqLGq9vV/FiuLgeGiJATiq5\n6ebruC1ZkW+e8L7yoGmSoZZEutLswbRW/+/9x1k1wYQm7L9oLV2ZQLy9iqOw\nIn9/O7ymWf7A+nZM2GcZWt7zSr/05z2zn4jFlGvqKDtiyLOE6eZ+aCPgGmXq\n3pb/s5SO8dVyxUQ9rTNBL7vayHS4skgkNVR3ELkGd8r3IGj2MGTfkuuZB/So\nVSM/D/aQzhXu1deUxBOHH2OD/gba1buP94QACFlROEX3C/0OgGNlXJnBsKp4\n1iVgZ3vt+sm3D7jrmpmqzCZsBzCgl+HN15nQMZzrcrYpDEuXyRZapqaie2qw\ngTfMa1FTCZkFkD+tOGvu6c4slzTmZ8N23DqII1rmk/IgGmaB8nh2BjjqL/Dd\nX1Q27RYrA5rDLypthsye3zkjSar86LC3ig4DxuKn+tu4vrmaRTdr+m9umKHY\ni7zR6wQgOYUozszo88wBZ/vuMzdqpvaK4He+IxpoNLvwwU9SC+pr7uRiQlYu\nuu+w\r\n=0LR6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","readme":"<!-- prettier-ignore -->\n# psammead-grid - [![Known Vulnerabilities](https://snyk.io/test/github/bbc/psammead/badge.svg?targetFile=packages%2Fcomponents%2Fpsammead-grid%2Fpackage.json)](https://snyk.io/test/github/bbc/psammead?targetFile=packages%2Fcomponents%2Fpsammead-grid%2Fpackage.json) [![Dependency Status](https://david-dm.org/bbc/psammead.svg?path=packages/components/psammead-grid)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-grid) [![peerDependencies Status](https://david-dm.org/bbc/psammead/peer-status.svg?path=packages/components/psammead-grid)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-grid&type=peer) [![Storybook](https://raw.githubusercontent.com/storybooks/brand/master/badge/badge-storybook.svg?sanitize=true)](https://bbc.github.io/psammead/?path=/story/grid--default) [![GitHub license](https://img.shields.io/badge/license-Apache%202.0-blue.svg)](https://github.com/bbc/psammead/blob/latest/LICENSE) [![npm version](https://img.shields.io/npm/v/@bbc/psammead-grid.svg)](https://www.npmjs.com/package/@bbc/psammead-grid) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/bbc/psammead/blob/latest/CONTRIBUTING.md)\n\n## Description\n\nPsammead Grid is a component that you can use to set out column-based layouts using CSS Grid. It is set up to follow the standard [GEL groups for breakpoints](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes) and you can toggle on the GEL margins, gutters and fixed widths, in accordance with the GEL grid guidelines if you are using it for page layouts.\n\n## Installation\n\n`npm install @bbc/psammead-grid`\n\n## Props\n\n<!-- prettier-ignore -->\n| Argument | Type | Required | Default | Example |\n| -------- | ---- | -------- | ------- | ------- |\n| columns | object | yes | N/A | { group0: 6, group1: 6, group2: 6, group3: 6, group4: 8, group5: 20 } |\n| startOffset | object | no | Sets all values as 1 for each of the groups defined in `columns` | { group0: 1, group1: 1, group2: 1, group3: 1, group4: 2, group5: 5 } |\n| item | boolean | no | false | `item` |\n| enableGelGutters | boolean | no | false | `enableGelGutter` |\n| enableGelMargins | boolean | no | false | `enableGelMargins` |\n\n- When should I use the `columns` prop?\n  - This should always be defined.\n  - All columns groups `group0` through `group5` should be provided.\n  - For a `<Grid>` element, it's the number of columns the grid has, and the number of columns it should span.\n  - For a `<Grid item>` element, it's the number of columns it should span.\n- When should I use the `item` prop?\n  - The `item` prop should be used on a `<Grid>` that is a direct child of another `<Grid>`. Using the `columns` prop's values you can choose how many columns to span at each breakpoint.\n  - It can and should be used whenever you're defining a new grid item - something that you want to span a set number of columns at a breakpoint.\n\n```jsx\n<Grid\n  columns={{ group0: 6, group1: 6, group2: 6, group3: 6, group4: 6, group5: 6 }}\n>\n  <Grid\n    item\n    columns={{\n      group0: 1,\n      group1: 1,\n      group2: 1,\n      group3: 1,\n      group4: 1,\n      group5: 1\n    }}\n  >\n    This spans 1 out of 6 columns for all widths\n  </Grid>\n  <Grid\n    item\n    columns={{\n      group0: 5,\n      group1: 5,\n      group2: 5,\n      group3: 5,\n      group4: 5,\n      group5: 5\n    }}\n  >\n    This spans 5 out of 6 columns for all widths\n  </Grid>\n</Grid>\n```\n\n- When should I use the `startOffset` prop?\n  - `startOffset` is an object structured just like the `columns` prop. You can set it on a nested `Grid` or `<Grid item>` element to start it at a column other than the first one. It should not be added to the outer `Grid` as it won’t be working as expected unless its immediate parent has a `display: grid`.\n  - If you don't pass it in, the offset value defaults to 1, the start of the grid.\n- Why is there no vertical spacing on the grid?\n  - The Grid implementation only has gutters/margins for columns, [according to the GEL specification](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes). This is to allow flexibility for a variety of spacing. To add vertical spacing, you should add padding/margin/top/bottom to the contents.\n\n## Usage\n\nWe use the GEL Grid for our breakpoints, as well as for our standard gutters and margins. [The values are defined here in the GEL Grid documentation](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes).\n\nWhen we refer to `group3` in this component, we're referring to the breakpoint with a minimum width `GEL_GROUP_3_SCREEN_WIDTH_MIN` & a maximum width `GEL_GROUP_3_SCREEN_WIDTH_MAX`. These values are defined within [`@bbc/gel-foundations/breakpoints`](https://github.com/bbc/psammead/blob/latest/packages/utilities/gel-foundations/src/breakpoints.js).\n\n#### <a name=\"simple-example\">Simple example</a>\n\nHere is an example of a `<Grid>` that has 8 columns for `group4` (from 1008px to 1279px). It has four child `<Grid item>` elements, one which spans 6/8 columns and three others which spans 2/8 columns within this breakpoint.\n\n```jsx\nimport Grid from \"@bbc/psammead-grid\";\n\nconst MyComponent = () => (\n  <Grid\n    columns={{\n      group0: 8,\n      group1: 8,\n      group2: 8,\n      group3: 8,\n      group4: 8,\n      group5: 8\n    }}\n  >\n    <Grid\n      item\n      columns={{\n        group0: 6,\n        group1: 6,\n        group2: 6,\n        group3: 6,\n        group4: 6,\n        group5: 6\n      }}\n    >\n      <p>Item 1 - Paragraph that spans 6 out of 8 columns through group4</p>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 2,\n        group2: 2,\n        group3: 2,\n        group4: 2,\n        group5: 2\n      }}\n    >\n      <p>Item 2 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 2,\n        group2: 2,\n        group3: 2,\n        group4: 2,\n        group5: 2\n      }}\n    >\n      <p>Item 3 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 2,\n        group2: 2,\n        group3: 2,\n        group4: 2,\n        group5: 2\n      }}\n    >\n      <p>Item 4 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n  </Grid>\n);\n```\n\nImage of this example when viewed at within `group4` (from 1008px to 1279px). When you look at this example at any other breakpoint, each of the four items fill up the full width of the row.\n![8 column grid with items 6 2 2 2 with labels](documentation/8-column-grid-with-items-6-2-2-2-with-labels.png)\n\n#### <a name=\"gutters-margins\">Setting standard GEL gutters and GEL Margins</a>\n\nUsing `enableGelGutters` and `enableGelMargins` on the `Grid` element. Note: these should _not_ be added to a `<Grid item>` element!\n\n```jsx\nimport Grid from \"@bbc/psammead-grid\";\n\nconst MyComponent = () => (\n  <Grid\n    enableGelGutters\n    enableGelMargins\n    columns={{\n      group0: 2,\n      group1: 4,\n      group2: 4,\n      group3: 6,\n      group4: 8,\n      group5: 12\n    }}\n  >\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 4,\n        group2: 4,\n        group3: 6,\n        group4: 6,\n        group5: 12\n      }}\n    >\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 6/8 columns\n      </p>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 4,\n        group2: 4,\n        group3: 6,\n        group4: 2,\n        group5: 12\n      }}\n    >\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 2/8 columns\n      </p>\n    </Grid>\n  </Grid>\n);\n```\n\nScreenshot of this example with GEL Gutters and GEL Margins enabled\n![Screenshot of this example with GEL Gutters and GEL Margins enabled](documentation/Screenshot-example-with-gelMargins-and-gelGutters.png)\n\nScreenshot of this example without GEL Gutters and GEL Margins\n![Screenshot of this example without GEL Gutters and GEL Margins](documentation/Screenshot-example-without-gelMargins-and-gelGutters.png)\n\n#### <a name=\"nested-grid\">Nested grid example</a>\n\nNote that here, any time you use `<Grid>` that generates a new grid. The total number of columns at each breakpoint is set via the `columns` prop. Then to define how many columns the child `<Grid item >` should span, you can use the `columns` prop on the `<Grid item>`.\n\n```jsx\nimport Grid from \"@bbc/psammead-grid\";\n\nconst MyComponent = () => (\n  <Grid\n    columns={{\n      group0: 6,\n      group1: 6,\n      group2: 6,\n      group3: 6,\n      group4: 6,\n      group5: 6\n    }}\n  >\n    <Grid\n      columns={{\n        group0: 6,\n        group1: 6,\n        group2: 6,\n        group3: 6,\n        group4: 6,\n        group5: 6\n      }}\n    >\n      <Grid\n        item\n        columns={{\n          group0: 6,\n          group1: 6,\n          group2: 6,\n          group3: 3,\n          group4: 3,\n          group5: 3\n        }}\n      >\n        <ExampleImage />\n      </Grid>\n      <Grid\n        item\n        columns={{\n          group0: 6,\n          group1: 6,\n          group2: 6,\n          group3: 3,\n          group4: 3,\n          group5: 3\n        }}\n      >\n        <ExampleParagraph />\n      </Grid>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 2,\n        group2: 2,\n        group3: 2,\n        group4: 2,\n        group5: 2\n      }}\n    >\n      <ExampleImage />\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 4,\n        group1: 4,\n        group2: 4,\n        group3: 4,\n        group4: 4,\n        group5: 4\n      }}\n    >\n      <ExampleParagraph />\n    </Grid>\n  </Grid>\n);\n```\n\n### When to use this component\n\nThis `Grid` component can be used for page-level layouts as well as for layouts of individual components. You can nest Grids within one another for more complex layouts. Please see the Storybook Stories for examples.\n\n### Frequenty Asked Questions\n\n- When should I use the `item` prop?\n  - The `item` prop should be used on a child Grid element, that is a direct child of a `<Grid>`. Using the `columns` prop's values you can choose how many columns to span at each breakpoint.\n  - It can and should be used whenever you're defining a new grid item - something that you want to span a set number of columns at a breakpoint.\n- When should I use the `columns` prop?\n  - This should always be defined.\n  - For a `<Grid>` element, it's the number of columns the grid has.\n  - For a `<Grid item>` element, it's the number of columns it should span.\n- When should I use the `startOffset` prop?\n  - `startOffset` is an object just like the `columns` prop. You can set it on a Grid child element to start it at a column other than the first one.\n  - If you don't pass it in, the value defaults to 1, the start of the grid.\n- Why is there no vertical spacing on the grid?\n  - The Grid implementation only has gutters/margins for columns, [according to the GEL specification](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes). This is to allow flexibility for a variety of spacing. To add vertical spacing, you should add padding/margin/top/bottom to the contents.\n\n<!-- ### When not to use this component -->\n\n### Accessibility notes\n\nCurrently this component is in alpha. This is because it has not yet been tested with various assistive technologies. After it has had an accessibility swarm, this will be published under a standard version.\n\n<!-- ## Roadmap -->\n\n## Contributing\n\nPsammead is completely open source. We are grateful for any contributions, whether they be new components, bug fixes or general improvements. Please see our primary contributing guide which can be found at [the root of the Psammead respository](https://github.com/bbc/psammead/blob/latest/CONTRIBUTING.md).\n\n### [Code of Conduct](https://github.com/bbc/psammead/blob/latest/CODE_OF_CONDUCT.md)\n\nWe welcome feedback and help on this work. By participating in this project, you agree to abide by the [code of conduct](https://github.com/bbc/psammead/blob/latest/CODE_OF_CONDUCT.md). Please take a moment to read it.\n\n### License\n\nPsammead is [Apache 2.0 licensed](https://github.com/bbc/psammead/blob/latest/LICENSE).\n","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.12.0","description":"Grid setup for components","directories":{},"_nodeVersion":"12.13.0","dependencies":{"@bbc/gel-foundations":"^3.4.1","@bbc/psammead-styles":"^4.1.1"},"publishConfig":{"tag":"alpha"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"styled-components":"^4.3.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_1.0.0-alpha.14_1574850200070_0.8890237144277653","host":"s3://npm-registry-packages"}},"1.0.0-alpha.15":{"name":"@bbc/psammead-grid","version":"1.0.0-alpha.15","keywords":["bbc","grid","cssgrid","styled-components"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@1.0.0-alpha.15","maintainers":[{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"cps-jenkins","email":"platform-cps-prod-account@lists.forge.bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"2776d5a53847148c4c31afa75f28a375187021d1","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-1.0.0-alpha.15.tgz","fileCount":15,"integrity":"sha512-Efn57UJQjiZh2xmHkQEiUmzidogPsrGKkZokFT2g7dPNsDJftIdtagfsOkASfKOQhlZHNycnQSy6QQJ6grqkTA==","signatures":[{"sig":"MEQCID2TBXTOtsXyCVdk8phAyW1Qc3/ehPE0soq1xqapvzsZAiAj9KZGDb3+2QvX6tZX8gJpt/DLrvLRadh89BwKavxtRg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":389860,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd3nJXCRA9TVsSAnZWagAAN1cP/Awoo4py88Je2Eer01YQ\nntLsGtDhtCzDYljQcgQFFUiojtbBBf0fsJZpdOLuvvSRn2FyOJPUwu0e1isE\ndvGLH1pEuNJHF5xjbBHFdPN1N+7J7CJisR9w2E8984fCXReBCF0SQb4AtBqN\nOardYJJQpGk9u5x0vx67CH2Vpx6aWF+At2uLA9+cTQfSJiOFpCIYt7xravl1\n100xHxc+wAggg5mzkByoYfMFhFdZli4n/fpCAY6rMTaAdNOtYACe67+tLPu8\nV9k73g+TZ5Ujt2/9FmXetIL0EgE+EnYOJTgqzpv34JYPVkuUXrqzJNhWxr4F\n3UquNYvtP4D2IWQaPV1Gmko54BguxUuU5GHbtVRy4OdYsrKCkzbUsEeDaoXO\n9Q6UYqkcxY5+R/XpcIZSGpY9P7aXyBwashT82oBnU3uHYHFRsHBS0qnoXWHA\nBkV34zy9tqqxcgSAnLFRTW6Iu+sJW0wNqquzJX3llAzpHxZ9yoNRO0aiCIW2\n81uof4riAfhiu+bfUQNldqwbZiryZ8JyL3PfI9Gcq813KV8sRDd9g3awzLjF\nOhO7PxU73KsF22fRC0LLnT92RqnkN6baoRBQwV8p/oVDZaj2kowtnGmOVMKs\nf2llGusvQs5EYSuAbUCC3uwJwlHe8GOQDL//DEV8bRtMiwUgj0pmXcJVvZfy\navi5\r\n=fxGz\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","readme":"<!-- prettier-ignore -->\n# psammead-grid - [![Known Vulnerabilities](https://snyk.io/test/github/bbc/psammead/badge.svg?targetFile=packages%2Fcomponents%2Fpsammead-grid%2Fpackage.json)](https://snyk.io/test/github/bbc/psammead?targetFile=packages%2Fcomponents%2Fpsammead-grid%2Fpackage.json) [![Dependency Status](https://david-dm.org/bbc/psammead.svg?path=packages/components/psammead-grid)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-grid) [![peerDependencies Status](https://david-dm.org/bbc/psammead/peer-status.svg?path=packages/components/psammead-grid)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-grid&type=peer) [![Storybook](https://raw.githubusercontent.com/storybooks/brand/master/badge/badge-storybook.svg?sanitize=true)](https://bbc.github.io/psammead/?path=/story/grid--default) [![GitHub license](https://img.shields.io/badge/license-Apache%202.0-blue.svg)](https://github.com/bbc/psammead/blob/latest/LICENSE) [![npm version](https://img.shields.io/npm/v/@bbc/psammead-grid.svg)](https://www.npmjs.com/package/@bbc/psammead-grid) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/bbc/psammead/blob/latest/CONTRIBUTING.md)\n\n## Description\n\nPsammead Grid is a component that you can use to set out column-based layouts using CSS Grid. It is set up to follow the standard [GEL groups for breakpoints](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes) and you can toggle on the GEL margins, gutters and fixed widths, in accordance with the GEL grid guidelines if you are using it for page layouts.\n\n## Installation\n\n`npm install @bbc/psammead-grid`\n\n## Props\n\n<!-- prettier-ignore -->\n| Argument | Type | Required | Default | Example |\n| -------- | ---- | -------- | ------- | ------- |\n| columns | object | yes | N/A | { group0: 6, group1: 6, group2: 6, group3: 6, group4: 8, group5: 20 } |\n| startOffset | object | no | Sets all values as 1 for each of the groups defined in `columns` | { group0: 1, group1: 1, group2: 1, group3: 1, group4: 2, group5: 5 } |\n| item | boolean | no | false | `item` |\n| enableGelGutters | boolean | no | false | `enableGelGutter` |\n| enableGelMargins | boolean | no | false | `enableGelMargins` |\n\n- When should I use the `columns` prop?\n  - This should always be defined.\n  - All columns groups `group0` through `group5` should be provided.\n  - For a `<Grid>` element, it's the number of columns the grid has, and the number of columns it should span.\n  - For a `<Grid item>` element, it's the number of columns it should span.\n- When should I use the `item` prop?\n  - The `item` prop should be used on a `<Grid>` that is a direct child of another `<Grid>`. Using the `columns` prop's values you can choose how many columns to span at each breakpoint.\n  - It can and should be used whenever you're defining a new grid item - something that you want to span a set number of columns at a breakpoint.\n\n```jsx\n<Grid\n  columns={{ group0: 6, group1: 6, group2: 6, group3: 6, group4: 6, group5: 6 }}\n>\n  <Grid\n    item\n    columns={{\n      group0: 1,\n      group1: 1,\n      group2: 1,\n      group3: 1,\n      group4: 1,\n      group5: 1\n    }}\n  >\n    This spans 1 out of 6 columns for all widths\n  </Grid>\n  <Grid\n    item\n    columns={{\n      group0: 5,\n      group1: 5,\n      group2: 5,\n      group3: 5,\n      group4: 5,\n      group5: 5\n    }}\n  >\n    This spans 5 out of 6 columns for all widths\n  </Grid>\n</Grid>\n```\n\n- When should I use the `startOffset` prop?\n  - `startOffset` is an object structured just like the `columns` prop. You can set it on a nested `Grid` or `<Grid item>` element to start it at a column other than the first one. It should not be added to the outer `Grid` as it won’t be working as expected unless its immediate parent has a `display: grid`.\n  - If you don't pass it in, the offset value defaults to 1, the start of the grid.\n- Why is there no vertical spacing on the grid?\n  - The Grid implementation only has gutters/margins for columns, [according to the GEL specification](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes). This is to allow flexibility for a variety of spacing. To add vertical spacing, you should add padding/margin/top/bottom to the contents.\n\n## Usage\n\nWe use the GEL Grid for our breakpoints, as well as for our standard gutters and margins. [The values are defined here in the GEL Grid documentation](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes).\n\nWhen we refer to `group3` in this component, we're referring to the breakpoint with a minimum width `GEL_GROUP_3_SCREEN_WIDTH_MIN` & a maximum width `GEL_GROUP_3_SCREEN_WIDTH_MAX`. These values are defined within [`@bbc/gel-foundations/breakpoints`](https://github.com/bbc/psammead/blob/latest/packages/utilities/gel-foundations/src/breakpoints.js).\n\n#### <a name=\"simple-example\">Simple example</a>\n\nHere is an example of a `<Grid>` that has 8 columns for `group4` (from 1008px to 1279px). It has four child `<Grid item>` elements, one which spans 6/8 columns and three others which spans 2/8 columns within this breakpoint.\n\n```jsx\nimport Grid from \"@bbc/psammead-grid\";\n\nconst MyComponent = () => (\n  <Grid\n    columns={{\n      group0: 8,\n      group1: 8,\n      group2: 8,\n      group3: 8,\n      group4: 8,\n      group5: 8\n    }}\n  >\n    <Grid\n      item\n      columns={{\n        group0: 6,\n        group1: 6,\n        group2: 6,\n        group3: 6,\n        group4: 6,\n        group5: 6\n      }}\n    >\n      <p>Item 1 - Paragraph that spans 6 out of 8 columns through group4</p>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 2,\n        group2: 2,\n        group3: 2,\n        group4: 2,\n        group5: 2\n      }}\n    >\n      <p>Item 2 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 2,\n        group2: 2,\n        group3: 2,\n        group4: 2,\n        group5: 2\n      }}\n    >\n      <p>Item 3 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 2,\n        group2: 2,\n        group3: 2,\n        group4: 2,\n        group5: 2\n      }}\n    >\n      <p>Item 4 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n  </Grid>\n);\n```\n\nImage of this example when viewed at within `group4` (from 1008px to 1279px). When you look at this example at any other breakpoint, each of the four items fill up the full width of the row.\n![8 column grid with items 6 2 2 2 with labels](documentation/8-column-grid-with-items-6-2-2-2-with-labels.png)\n\n#### <a name=\"gutters-margins\">Setting standard GEL gutters and GEL Margins</a>\n\nUsing `enableGelGutters` and `enableGelMargins` on the `Grid` element. Note: these should _not_ be added to a `<Grid item>` element!\n\n```jsx\nimport Grid from \"@bbc/psammead-grid\";\n\nconst MyComponent = () => (\n  <Grid\n    enableGelGutters\n    enableGelMargins\n    columns={{\n      group0: 2,\n      group1: 4,\n      group2: 4,\n      group3: 6,\n      group4: 8,\n      group5: 12\n    }}\n  >\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 4,\n        group2: 4,\n        group3: 6,\n        group4: 6,\n        group5: 12\n      }}\n    >\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 6/8 columns\n      </p>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 4,\n        group2: 4,\n        group3: 6,\n        group4: 2,\n        group5: 12\n      }}\n    >\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 2/8 columns\n      </p>\n    </Grid>\n  </Grid>\n);\n```\n\nScreenshot of this example with GEL Gutters and GEL Margins enabled\n![Screenshot of this example with GEL Gutters and GEL Margins enabled](documentation/Screenshot-example-with-gelMargins-and-gelGutters.png)\n\nScreenshot of this example without GEL Gutters and GEL Margins\n![Screenshot of this example without GEL Gutters and GEL Margins](documentation/Screenshot-example-without-gelMargins-and-gelGutters.png)\n\n#### <a name=\"nested-grid\">Nested grid example</a>\n\nNote that here, any time you use `<Grid>` that generates a new grid. The total number of columns at each breakpoint is set via the `columns` prop. Then to define how many columns the child `<Grid item >` should span, you can use the `columns` prop on the `<Grid item>`.\n\n```jsx\nimport Grid from \"@bbc/psammead-grid\";\n\nconst MyComponent = () => (\n  <Grid\n    columns={{\n      group0: 6,\n      group1: 6,\n      group2: 6,\n      group3: 6,\n      group4: 6,\n      group5: 6\n    }}\n  >\n    <Grid\n      columns={{\n        group0: 6,\n        group1: 6,\n        group2: 6,\n        group3: 6,\n        group4: 6,\n        group5: 6\n      }}\n    >\n      <Grid\n        item\n        columns={{\n          group0: 6,\n          group1: 6,\n          group2: 6,\n          group3: 3,\n          group4: 3,\n          group5: 3\n        }}\n      >\n        <ExampleImage />\n      </Grid>\n      <Grid\n        item\n        columns={{\n          group0: 6,\n          group1: 6,\n          group2: 6,\n          group3: 3,\n          group4: 3,\n          group5: 3\n        }}\n      >\n        <ExampleParagraph />\n      </Grid>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 2,\n        group2: 2,\n        group3: 2,\n        group4: 2,\n        group5: 2\n      }}\n    >\n      <ExampleImage />\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 4,\n        group1: 4,\n        group2: 4,\n        group3: 4,\n        group4: 4,\n        group5: 4\n      }}\n    >\n      <ExampleParagraph />\n    </Grid>\n  </Grid>\n);\n```\n\n### When to use this component\n\nThis `Grid` component can be used for page-level layouts as well as for layouts of individual components. You can nest Grids within one another for more complex layouts. Please see the Storybook Stories for examples.\n\n### Frequenty Asked Questions\n\n- When should I use the `item` prop?\n  - The `item` prop should be used on a child Grid element, that is a direct child of a `<Grid>`. Using the `columns` prop's values you can choose how many columns to span at each breakpoint.\n  - It can and should be used whenever you're defining a new grid item - something that you want to span a set number of columns at a breakpoint.\n- When should I use the `columns` prop?\n  - This should always be defined.\n  - For a `<Grid>` element, it's the number of columns the grid has.\n  - For a `<Grid item>` element, it's the number of columns it should span.\n- When should I use the `startOffset` prop?\n  - `startOffset` is an object just like the `columns` prop. You can set it on a Grid child element to start it at a column other than the first one.\n  - If you don't pass it in, the value defaults to 1, the start of the grid.\n- Why is there no vertical spacing on the grid?\n  - The Grid implementation only has gutters/margins for columns, [according to the GEL specification](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes). This is to allow flexibility for a variety of spacing. To add vertical spacing, you should add padding/margin/top/bottom to the contents.\n\n<!-- ### When not to use this component -->\n\n### Accessibility notes\n\nCurrently this component is in alpha. This is because it has not yet been tested with various assistive technologies. After it has had an accessibility swarm, this will be published under a standard version.\n\n<!-- ## Roadmap -->\n\n## Contributing\n\nPsammead is completely open source. We are grateful for any contributions, whether they be new components, bug fixes or general improvements. Please see our primary contributing guide which can be found at [the root of the Psammead respository](https://github.com/bbc/psammead/blob/latest/CONTRIBUTING.md).\n\n### [Code of Conduct](https://github.com/bbc/psammead/blob/latest/CODE_OF_CONDUCT.md)\n\nWe welcome feedback and help on this work. By participating in this project, you agree to abide by the [code of conduct](https://github.com/bbc/psammead/blob/latest/CODE_OF_CONDUCT.md). Please take a moment to read it.\n\n### License\n\nPsammead is [Apache 2.0 licensed](https://github.com/bbc/psammead/blob/latest/LICENSE).\n","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.12.0","description":"Grid setup for components","directories":{},"_nodeVersion":"12.13.0","dependencies":{"@bbc/gel-foundations":"^3.4.1","@bbc/psammead-styles":"^4.1.2"},"publishConfig":{"tag":"alpha"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"styled-components":"^4.3.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_1.0.0-alpha.15_1574859351088_0.44671945832865045","host":"s3://npm-registry-packages"}},"1.1.0-alpha.0":{"name":"@bbc/psammead-grid","version":"1.1.0-alpha.0","keywords":["bbc","grid","cssgrid","styled-components"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@1.1.0-alpha.0","maintainers":[{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"cps-jenkins","email":"platform-cps-prod-account@lists.forge.bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"ff08c21c0aacbf9e5465b6022273d99f1238f069","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-1.1.0-alpha.0.tgz","fileCount":15,"integrity":"sha512-EcKuhDx98B5hweqGgLqdbBH2pFbCsLradTmDTHGfLGG7H5GdQxGV+m40cTWbWXYv8gS2NICfFIAONNyMQHqTbQ==","signatures":[{"sig":"MEUCIG/x33FKmx9n66Xbm8ImDmWwNsSld3KsNW3hmyRukAuGAiEAtbm0IHd12vKhCVH14OnWdsibh0YkqD+Exh5VaDaI9E0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":392724,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd4SfsCRA9TVsSAnZWagAAQAEP/jfoIVaE0EOzcINmO9ag\nhiywBr+IwXVk/+LcFIQ15ZjUduS4T4R/SefRFXz6va3jjAilxQZdKqWs3EUc\nSYupWef5G5TBR66J/5EVaaiHE0BJ0qNwAxk48bCJARsnM3Zacf1+4J1/NXHP\nDwNMyoZYGomsjySbXBeCRTemffGIb+lvwotvbN30NKlxfkYYczrXrfXvIggR\nkYEXqPw2wNtifi4adFJAShBOiLrFLiFeAuZPseRxf9AG0fnqKKXqsMTppM6W\nTTFfX23o3cCWR1Tbra0vH/cheQpGEDUOxvMCZNC+cVwcILvjzSFQtKXVa0Fk\nPelbKBINc484MafpTWaSZhDjWo2tP+py1BANfqMsPf+/l5yHdtGyhTuSnpN4\n6IkqXoKSFzzDhodbACYv5TcOy+1EEvxltq04VHY3Fcd2zodjOhsSPTptNWeC\n/ydwqcv1Oh2O/zyIVM04rJ10nYGJjyOtxAYI/0YaVsHAiZKYg6xYCFSz2Hnr\nys6yW18hFgqR8y/nLbMvq5W85tHtknEBqHw0M1Wm/qDK+WphG8jWAyxBMa6i\nngtH7uHfrwNDYEL+YVerYbhTVM2U18pnlVEKzWT/RTEGmDgpxBIBKSV6SAvo\nxpOx1EeGIo1ZS1QUbjUpmSySSUsibpz7LOWBFiY8oSh8xau9j20OmiFHK2WE\n5gvt\r\n=mH9a\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","readme":"<!-- prettier-ignore -->\n# psammead-grid - [![Known Vulnerabilities](https://snyk.io/test/github/bbc/psammead/badge.svg?targetFile=packages%2Fcomponents%2Fpsammead-grid%2Fpackage.json)](https://snyk.io/test/github/bbc/psammead?targetFile=packages%2Fcomponents%2Fpsammead-grid%2Fpackage.json) [![Dependency Status](https://david-dm.org/bbc/psammead.svg?path=packages/components/psammead-grid)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-grid) [![peerDependencies Status](https://david-dm.org/bbc/psammead/peer-status.svg?path=packages/components/psammead-grid)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-grid&type=peer) [![Storybook](https://raw.githubusercontent.com/storybooks/brand/master/badge/badge-storybook.svg?sanitize=true)](https://bbc.github.io/psammead/?path=/story/grid--default) [![GitHub license](https://img.shields.io/badge/license-Apache%202.0-blue.svg)](https://github.com/bbc/psammead/blob/latest/LICENSE) [![npm version](https://img.shields.io/npm/v/@bbc/psammead-grid.svg)](https://www.npmjs.com/package/@bbc/psammead-grid) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/bbc/psammead/blob/latest/CONTRIBUTING.md)\n\n## Description\n\nPsammead Grid is a component that you can use to set out column-based layouts using CSS Grid. It is set up to follow the standard [GEL groups for breakpoints](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes) and you can toggle on the GEL margins, gutters and fixed widths, in accordance with the GEL grid guidelines if you are using it for page layouts.\n\n## Installation\n\n`npm install @bbc/psammead-grid`\n\n## Props\n\n<!-- prettier-ignore -->\n| Argument | Type | Required | Default | Example |\n| -------- | ---- | -------- | ------- | ------- |\n| columns | object | yes | N/A | `{ group0: 6, group1: 6, group2: 6, group3: 6, group4: 8, group5: 20 }` |\n| startOffset | object | no | Sets all values as 1 for each of the groups defined in `columns` | `{ group0: 1, group1: 1, group2: 1, group3: 1, group4: 2, group5: 5 }` |\n| item | boolean | no | false | `item` |\n| enableGelGutters | boolean | no | false | `enableGelGutter` |\n| margins | object | no | false | `{ group0: true, group1: true, group2: true, group3: true }` |\n\n- When should I use the `columns` prop?\n  - This should always be defined.\n  - All columns groups `group0` through `group5` should be provided.\n  - For a `<Grid>` element, it's the number of columns the grid has, and the number of columns it should span.\n  - For a `<Grid item>` element, it's the number of columns it should span.\n- When should I use the `item` prop?\n  - The `item` prop should be used on a `<Grid>` that is a direct child of another `<Grid>`. Using the `columns` prop's values you can choose how many columns to span at each breakpoint.\n  - It can and should be used whenever you're defining a new grid item - something that you want to span a set number of columns at a breakpoint.\n\n```jsx\n<Grid\n  columns={{ group0: 6, group1: 6, group2: 6, group3: 6, group4: 6, group5: 6 }}\n>\n  <Grid\n    item\n    columns={{\n      group0: 1,\n      group1: 1,\n      group2: 1,\n      group3: 1,\n      group4: 1,\n      group5: 1\n    }}\n  >\n    This spans 1 out of 6 columns for all widths\n  </Grid>\n  <Grid\n    item\n    columns={{\n      group0: 5,\n      group1: 5,\n      group2: 5,\n      group3: 5,\n      group4: 5,\n      group5: 5\n    }}\n  >\n    This spans 5 out of 6 columns for all widths\n  </Grid>\n</Grid>\n```\n\n- When should I use the `startOffset` prop?\n  - `startOffset` is an object structured just like the `columns` prop. You can set it on a nested `Grid` or `<Grid item>` element to start it at a column other than the first one. It should not be added to the outer `Grid` as it won’t be working as expected unless its immediate parent has a `display: grid`.\n  - If you don't pass it in, the offset value defaults to 1, the start of the grid.\n- Why is there no vertical spacing on the grid?\n  - The Grid implementation only has gutters/margins for columns, [according to the GEL specification](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes). This is to allow flexibility for a variety of spacing. To add vertical spacing, you should add padding/margin/top/bottom to the contents.\n\n## Usage\n\nWe use the GEL Grid for our breakpoints, as well as for our standard gutters and margins. [The values are defined here in the GEL Grid documentation](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes).\n\nWhen we refer to `group3` in this component, we're referring to the breakpoint with a minimum width `GEL_GROUP_3_SCREEN_WIDTH_MIN` & a maximum width `GEL_GROUP_3_SCREEN_WIDTH_MAX`. These values are defined within [`@bbc/gel-foundations/breakpoints`](https://github.com/bbc/psammead/blob/latest/packages/utilities/gel-foundations/src/breakpoints.js).\n\n#### <a name=\"simple-example\">Simple example</a>\n\nHere is an example of a `<Grid>` that has 8 columns for `group4` (from 1008px to 1279px). It has four child `<Grid item>` elements, one which spans 6/8 columns and three others which spans 2/8 columns within this breakpoint.\n\n```jsx\nimport Grid from \"@bbc/psammead-grid\";\n\nconst MyComponent = () => (\n  <Grid\n    columns={{\n      group0: 8,\n      group1: 8,\n      group2: 8,\n      group3: 8,\n      group4: 8,\n      group5: 8\n    }}\n  >\n    <Grid\n      item\n      columns={{\n        group0: 6,\n        group1: 6,\n        group2: 6,\n        group3: 6,\n        group4: 6,\n        group5: 6\n      }}\n    >\n      <p>Item 1 - Paragraph that spans 6 out of 8 columns through group4</p>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 2,\n        group2: 2,\n        group3: 2,\n        group4: 2,\n        group5: 2\n      }}\n    >\n      <p>Item 2 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 2,\n        group2: 2,\n        group3: 2,\n        group4: 2,\n        group5: 2\n      }}\n    >\n      <p>Item 3 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 2,\n        group2: 2,\n        group3: 2,\n        group4: 2,\n        group5: 2\n      }}\n    >\n      <p>Item 4 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n  </Grid>\n);\n```\n\nImage of this example when viewed at within `group4` (from 1008px to 1279px). When you look at this example at any other breakpoint, each of the four items fill up the full width of the row.\n![8 column grid with items 6 2 2 2 with labels](documentation/8-column-grid-with-items-6-2-2-2-with-labels.png)\n\n#### <a name=\"gutters-margins\">Setting standard GEL gutters and GEL Margins</a>\n\nUsing `enableGelGutters` on the `Grid` element. Note: this should _not_ be added to a `<Grid item>` element!\nUsage of `margins` can be on either `<Grid>` or `<Grid item>`.\n\n```jsx\nimport Grid from \"@bbc/psammead-grid\";\n\nconst MyComponent = () => (\n  <Grid\n    enableGelGutters\n    columns={{\n      group0: 2,\n      group1: 4,\n      group2: 4,\n      group3: 6,\n      group4: 8,\n      group5: 12\n    }}\n    margins={{\n      group0: true,\n      group1: true,\n      group2: true,\n      group3: true,\n      group4: true,\n      group5: true,\n    }}\n  >\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 4,\n        group2: 4,\n        group3: 6,\n        group4: 6,\n        group5: 12\n      }}\n    >\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 6/8 columns\n      </p>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 4,\n        group2: 4,\n        group3: 6,\n        group4: 2,\n        group5: 12\n      }}\n    >\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 2/8 columns\n      </p>\n    </Grid>\n  </Grid>\n);\n```\n\nScreenshot of this example with GEL Gutters and GEL Margins enabled\n![Screenshot of this example with GEL Gutters and GEL Margins enabled](documentation/Screenshot-example-with-gelMargins-and-gelGutters.png)\n\nScreenshot of this example without GEL Gutters and GEL Margins\n![Screenshot of this example without GEL Gutters and GEL Margins](documentation/Screenshot-example-without-gelMargins-and-gelGutters.png)\n\n#### <a name=\"nested-grid\">Nested grid example</a>\n\nNote that here, any time you use `<Grid>` that generates a new grid. The total number of columns at each breakpoint is set via the `columns` prop. Then to define how many columns the child `<Grid item >` should span, you can use the `columns` prop on the `<Grid item>`.\n\nHere we have no margins on the Grid item around the Image, but there is on the Paragraph items.\n\n```jsx\nimport Grid from \"@bbc/psammead-grid\";\n\nconst MyComponent = () => (\n  <Grid\n    columns={{\n      group0: 6,\n      group1: 6,\n      group2: 6,\n      group3: 6,\n      group4: 6,\n      group5: 6\n    }}\n  >\n    <Grid\n      columns={{\n        group0: 6,\n        group1: 6,\n        group2: 6,\n        group3: 6,\n        group4: 6,\n        group5: 6\n      }}\n    >\n      <Grid\n        item\n        columns={{\n          group0: 6,\n          group1: 6,\n          group2: 6,\n          group3: 3,\n          group4: 3,\n          group5: 3\n        }}\n      >\n        <ExampleImage />\n      </Grid>\n      <Grid\n        item\n        columns={{\n          group0: 6,\n          group1: 6,\n          group2: 6,\n          group3: 3,\n          group4: 3,\n          group5: 3\n        }}\n      >\n        <ExampleParagraph />\n      </Grid>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 2,\n        group2: 2,\n        group3: 2,\n        group4: 2,\n        group5: 2\n      }}\n    >\n      <ExampleImage />\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 4,\n        group1: 4,\n        group2: 4,\n        group3: 4,\n        group4: 4,\n        group5: 4\n      }}\n    >\n      <ExampleParagraph />\n    </Grid>\n  </Grid>\n);\n```\n\n### When to use this component\n\nThis `Grid` component can be used for page-level layouts as well as for layouts of individual components. You can nest Grids within one another for more complex layouts. Please see the Storybook Stories for examples.\n\n### Frequenty Asked Questions\n\n- When should I use the `item` prop?\n  - The `item` prop should be used on a child Grid element, that is a direct child of a `<Grid>`. Using the `columns` prop's values you can choose how many columns to span at each breakpoint.\n  - It can and should be used whenever you're defining a new grid item - something that you want to span a set number of columns at a breakpoint.\n- When should I use the `columns` prop?\n  - This should always be defined.\n  - For a `<Grid>` element, it's the number of columns the grid has.\n  - For a `<Grid item>` element, it's the number of columns it should span.\n- When should I use the `startOffset` prop?\n  - `startOffset` is an object just like the `columns` prop. You can set it on a Grid child element to start it at a column other than the first one.\n  - If you don't pass it in, the value defaults to 1, the start of the grid.\n- Why is there no vertical spacing on the grid?\n  - The Grid implementation only has gutters/margins for columns, [according to the GEL specification](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes). This is to allow flexibility for a variety of spacing. To add vertical spacing, you should add padding/margin/top/bottom to the contents.\n\n<!-- ### When not to use this component -->\n\n### Accessibility notes\n\nCurrently this component is in alpha. This is because it has not yet been tested with various assistive technologies. After it has had an accessibility swarm, this will be published under a standard version.\n\n<!-- ## Roadmap -->\n\n## Contributing\n\nPsammead is completely open source. We are grateful for any contributions, whether they be new components, bug fixes or general improvements. Please see our primary contributing guide which can be found at [the root of the Psammead respository](https://github.com/bbc/psammead/blob/latest/CONTRIBUTING.md).\n\n### [Code of Conduct](https://github.com/bbc/psammead/blob/latest/CODE_OF_CONDUCT.md)\n\nWe welcome feedback and help on this work. By participating in this project, you agree to abide by the [code of conduct](https://github.com/bbc/psammead/blob/latest/CODE_OF_CONDUCT.md). Please take a moment to read it.\n\n### License\n\nPsammead is [Apache 2.0 licensed](https://github.com/bbc/psammead/blob/latest/LICENSE).\n","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.12.0","description":"Grid setup for components","directories":{},"_nodeVersion":"12.13.0","dependencies":{"@bbc/gel-foundations":"^3.4.1","@bbc/psammead-styles":"^4.1.2"},"publishConfig":{"tag":"alpha"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"styled-components":"^4.3.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_1.1.0-alpha.0_1575036908013_0.3322341741052659","host":"s3://npm-registry-packages"}},"1.1.0-alpha.1":{"name":"@bbc/psammead-grid","version":"1.1.0-alpha.1","keywords":["bbc","grid","cssgrid","styled-components"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@1.1.0-alpha.1","maintainers":[{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"cps-jenkins","email":"platform-cps-prod-account@lists.forge.bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"84d8c82cc5a47851235302c1b4bd8a8c6090df75","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-1.1.0-alpha.1.tgz","fileCount":15,"integrity":"sha512-FvLcLtXwR4oUz3W+2b/y0R3JTYBiDmK0pAXQw25l11Ng60tklnDHckIcFAfXFIwyW3z9lii9GvAnY8vn25wIJg==","signatures":[{"sig":"MEQCIHM5xzB5zP7mRgCGAQW7+q0D5Q4lmRrtDXZ+UCW3e5xWAiA2RSycJN8mArdDiWDEr4guMxfwgcOkJy9fAVK7jOj9NQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":392866,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd72EoCRA9TVsSAnZWagAAPGgP/itpw1MsdM2/P6lqpH3W\n5tSfm40zYU8xzhOJvqhLfin/vsAHrPFd3LNm+OpaxWh5fHnzv6Y3SaYiXtEN\nH8+MJ0QCfVpBGMyo4W8k0UwtRoguyc50rdif+hNvQzOduOUi3W+YZ8NpHfL0\n4LKt/nUxyj8RFBpGS9nQRnbee/vInVRbPPXw8ahLgsSf/min+SlM+PB0vMrE\nKrZqcIexiKq6VIPdFOEIZkJEgZziuE3CsulUEOFWmUWRF4FK8ZaXmVIlbPcl\n/T2Ms9/cVb9Qfp1vLKTWUmcv/34Moy8So2CzugK3ogB/WWk/1F52HynhtlXD\nGIHA15zemRLJewlTtNoDNOi188P0soEjNMjS5uZUBXq620rC4C7ejV6hKxMq\nydih1WWYDk1TmlbZOtTsh9oF6noo2T8Mb2jpSJPAWV8DqaDMoxdbjpfupGOp\n8sudIC83BdnbHs8ErjN6UZzBFEjnnSURE/Eio/WTNVxjCPP5LJo3AuAVgAu7\nZskyPAwZ8UG8hcx1y1PL7D1gKJzzO6lf7LF3Tx/aDvnsmtDIV1qIaXch9dFL\nzbc/hnCRH1QONgpX4/kLebGlh/o6J/L+0AUDJNRbb4+jdiaTP3eQ/I70SgHB\nc9RdJbH+s91h32lTPXPX7z7BEuVGIsqI3jdNzbx1JinQ7o2Q5k9THHVaW7ib\nMYm0\r\n=Kq8T\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","readme":"<!-- prettier-ignore -->\n# psammead-grid - [![Known Vulnerabilities](https://snyk.io/test/github/bbc/psammead/badge.svg?targetFile=packages%2Fcomponents%2Fpsammead-grid%2Fpackage.json)](https://snyk.io/test/github/bbc/psammead?targetFile=packages%2Fcomponents%2Fpsammead-grid%2Fpackage.json) [![Dependency Status](https://david-dm.org/bbc/psammead.svg?path=packages/components/psammead-grid)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-grid) [![peerDependencies Status](https://david-dm.org/bbc/psammead/peer-status.svg?path=packages/components/psammead-grid)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-grid&type=peer) [![Storybook](https://raw.githubusercontent.com/storybooks/brand/master/badge/badge-storybook.svg?sanitize=true)](https://bbc.github.io/psammead/?path=/story/grid--default) [![GitHub license](https://img.shields.io/badge/license-Apache%202.0-blue.svg)](https://github.com/bbc/psammead/blob/latest/LICENSE) [![npm version](https://img.shields.io/npm/v/@bbc/psammead-grid.svg)](https://www.npmjs.com/package/@bbc/psammead-grid) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/bbc/psammead/blob/latest/CONTRIBUTING.md)\n\n## Description\n\nPsammead Grid is a component that you can use to set out column-based layouts using CSS Grid. It is set up to follow the standard [GEL groups for breakpoints](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes) and you can toggle on the GEL margins, gutters and fixed widths, in accordance with the GEL grid guidelines if you are using it for page layouts.\n\n## Installation\n\n`npm install @bbc/psammead-grid`\n\n## Props\n\n<!-- prettier-ignore -->\n| Argument | Type | Required | Default | Example |\n| -------- | ---- | -------- | ------- | ------- |\n| columns | object | yes | N/A | `{ group0: 6, group1: 6, group2: 6, group3: 6, group4: 8, group5: 20 }` |\n| startOffset | object | no | Sets all values as 1 for each of the groups defined in `columns` | `{ group0: 1, group1: 1, group2: 1, group3: 1, group4: 2, group5: 5 }` |\n| item | boolean | no | false | `item` |\n| enableGelGutters | boolean | no | false | `enableGelGutter` |\n| margins | object | no | false | `{ group0: true, group1: true, group2: true, group3: true }` |\n\n- When should I use the `columns` prop?\n  - This should always be defined.\n  - All columns groups `group0` through `group5` should be provided.\n  - For a `<Grid>` element, it's the number of columns the grid has, and the number of columns it should span.\n  - For a `<Grid item>` element, it's the number of columns it should span.\n- When should I use the `item` prop?\n  - The `item` prop should be used on a `<Grid>` that is a direct child of another `<Grid>`. Using the `columns` prop's values you can choose how many columns to span at each breakpoint.\n  - It can and should be used whenever you're defining a new grid item - something that you want to span a set number of columns at a breakpoint.\n\n```jsx\n<Grid\n  columns={{ group0: 6, group1: 6, group2: 6, group3: 6, group4: 6, group5: 6 }}\n>\n  <Grid\n    item\n    columns={{\n      group0: 1,\n      group1: 1,\n      group2: 1,\n      group3: 1,\n      group4: 1,\n      group5: 1\n    }}\n  >\n    This spans 1 out of 6 columns for all widths\n  </Grid>\n  <Grid\n    item\n    columns={{\n      group0: 5,\n      group1: 5,\n      group2: 5,\n      group3: 5,\n      group4: 5,\n      group5: 5\n    }}\n  >\n    This spans 5 out of 6 columns for all widths\n  </Grid>\n</Grid>\n```\n\n- When should I use the `startOffset` prop?\n  - `startOffset` is an object structured just like the `columns` prop. You can set it on a nested `Grid` or `<Grid item>` element to start it at a column other than the first one. It should not be added to the outer `Grid` as it won’t be working as expected unless its immediate parent has a `display: grid`.\n  - If you don't pass it in, the offset value defaults to 1, the start of the grid.\n- Why is there no vertical spacing on the grid?\n  - The Grid implementation only has gutters/margins for columns, [according to the GEL specification](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes). This is to allow flexibility for a variety of spacing. To add vertical spacing, you should add padding/margin/top/bottom to the contents.\n\n## Usage\n\nWe use the GEL Grid for our breakpoints, as well as for our standard gutters and margins. [The values are defined here in the GEL Grid documentation](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes).\n\nWhen we refer to `group3` in this component, we're referring to the breakpoint with a minimum width `GEL_GROUP_3_SCREEN_WIDTH_MIN` & a maximum width `GEL_GROUP_3_SCREEN_WIDTH_MAX`. These values are defined within [`@bbc/gel-foundations/breakpoints`](https://github.com/bbc/psammead/blob/latest/packages/utilities/gel-foundations/src/breakpoints.js).\n\n#### <a name=\"simple-example\">Simple example</a>\n\nHere is an example of a `<Grid>` that has 8 columns for `group4` (from 1008px to 1279px). It has four child `<Grid item>` elements, one which spans 6/8 columns and three others which spans 2/8 columns within this breakpoint.\n\n```jsx\nimport Grid from \"@bbc/psammead-grid\";\n\nconst MyComponent = () => (\n  <Grid\n    columns={{\n      group0: 8,\n      group1: 8,\n      group2: 8,\n      group3: 8,\n      group4: 8,\n      group5: 8\n    }}\n  >\n    <Grid\n      item\n      columns={{\n        group0: 6,\n        group1: 6,\n        group2: 6,\n        group3: 6,\n        group4: 6,\n        group5: 6\n      }}\n    >\n      <p>Item 1 - Paragraph that spans 6 out of 8 columns through group4</p>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 2,\n        group2: 2,\n        group3: 2,\n        group4: 2,\n        group5: 2\n      }}\n    >\n      <p>Item 2 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 2,\n        group2: 2,\n        group3: 2,\n        group4: 2,\n        group5: 2\n      }}\n    >\n      <p>Item 3 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 2,\n        group2: 2,\n        group3: 2,\n        group4: 2,\n        group5: 2\n      }}\n    >\n      <p>Item 4 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n  </Grid>\n);\n```\n\nImage of this example when viewed at within `group4` (from 1008px to 1279px). When you look at this example at any other breakpoint, each of the four items fill up the full width of the row.\n![8 column grid with items 6 2 2 2 with labels](documentation/8-column-grid-with-items-6-2-2-2-with-labels.png)\n\n#### <a name=\"gutters-margins\">Setting standard GEL gutters and GEL Margins</a>\n\nUsing `enableGelGutters` on the `Grid` element. Note: this should _not_ be added to a `<Grid item>` element!\nUsage of `margins` can be on either `<Grid>` or `<Grid item>`.\n\n```jsx\nimport Grid from \"@bbc/psammead-grid\";\n\nconst MyComponent = () => (\n  <Grid\n    enableGelGutters\n    columns={{\n      group0: 2,\n      group1: 4,\n      group2: 4,\n      group3: 6,\n      group4: 8,\n      group5: 12\n    }}\n    margins={{\n      group0: true,\n      group1: true,\n      group2: true,\n      group3: true,\n      group4: true,\n      group5: true,\n    }}\n  >\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 4,\n        group2: 4,\n        group3: 6,\n        group4: 6,\n        group5: 12\n      }}\n    >\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 6/8 columns\n      </p>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 4,\n        group2: 4,\n        group3: 6,\n        group4: 2,\n        group5: 12\n      }}\n    >\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 2/8 columns\n      </p>\n    </Grid>\n  </Grid>\n);\n```\n\nScreenshot of this example with GEL Gutters and GEL Margins enabled\n![Screenshot of this example with GEL Gutters and GEL Margins enabled](documentation/Screenshot-example-with-gelMargins-and-gelGutters.png)\n\nScreenshot of this example without GEL Gutters and GEL Margins\n![Screenshot of this example without GEL Gutters and GEL Margins](documentation/Screenshot-example-without-gelMargins-and-gelGutters.png)\n\n#### <a name=\"nested-grid\">Nested grid example</a>\n\nNote that here, any time you use `<Grid>` that generates a new grid. The total number of columns at each breakpoint is set via the `columns` prop. Then to define how many columns the child `<Grid item >` should span, you can use the `columns` prop on the `<Grid item>`.\n\nHere we have no margins on the Grid item around the Image, but there is on the Paragraph items.\n\n```jsx\nimport Grid from \"@bbc/psammead-grid\";\n\nconst MyComponent = () => (\n  <Grid\n    columns={{\n      group0: 6,\n      group1: 6,\n      group2: 6,\n      group3: 6,\n      group4: 6,\n      group5: 6\n    }}\n  >\n    <Grid\n      columns={{\n        group0: 6,\n        group1: 6,\n        group2: 6,\n        group3: 6,\n        group4: 6,\n        group5: 6\n      }}\n    >\n      <Grid\n        item\n        columns={{\n          group0: 6,\n          group1: 6,\n          group2: 6,\n          group3: 3,\n          group4: 3,\n          group5: 3\n        }}\n      >\n        <ExampleImage />\n      </Grid>\n      <Grid\n        item\n        columns={{\n          group0: 6,\n          group1: 6,\n          group2: 6,\n          group3: 3,\n          group4: 3,\n          group5: 3\n        }}\n      >\n        <ExampleParagraph />\n      </Grid>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 2,\n        group2: 2,\n        group3: 2,\n        group4: 2,\n        group5: 2\n      }}\n    >\n      <ExampleImage />\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 4,\n        group1: 4,\n        group2: 4,\n        group3: 4,\n        group4: 4,\n        group5: 4\n      }}\n    >\n      <ExampleParagraph />\n    </Grid>\n  </Grid>\n);\n```\n\n### When to use this component\n\nThis `Grid` component can be used for page-level layouts as well as for layouts of individual components. You can nest Grids within one another for more complex layouts. Please see the Storybook Stories for examples.\n\n### Frequenty Asked Questions\n\n- When should I use the `item` prop?\n  - The `item` prop should be used on a child Grid element, that is a direct child of a `<Grid>`. Using the `columns` prop's values you can choose how many columns to span at each breakpoint.\n  - It can and should be used whenever you're defining a new grid item - something that you want to span a set number of columns at a breakpoint.\n- When should I use the `columns` prop?\n  - This should always be defined.\n  - For a `<Grid>` element, it's the number of columns the grid has.\n  - For a `<Grid item>` element, it's the number of columns it should span.\n- When should I use the `startOffset` prop?\n  - `startOffset` is an object just like the `columns` prop. You can set it on a Grid child element to start it at a column other than the first one.\n  - If you don't pass it in, the value defaults to 1, the start of the grid.\n- Why is there no vertical spacing on the grid?\n  - The Grid implementation only has gutters/margins for columns, [according to the GEL specification](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes). This is to allow flexibility for a variety of spacing. To add vertical spacing, you should add padding/margin/top/bottom to the contents.\n\n<!-- ### When not to use this component -->\n\n### Accessibility notes\n\nCurrently this component is in alpha. This is because it has not yet been tested with various assistive technologies. After it has had an accessibility swarm, this will be published under a standard version.\n\n<!-- ## Roadmap -->\n\n## Contributing\n\nPsammead is completely open source. We are grateful for any contributions, whether they be new components, bug fixes or general improvements. Please see our primary contributing guide which can be found at [the root of the Psammead respository](https://github.com/bbc/psammead/blob/latest/CONTRIBUTING.md).\n\n### [Code of Conduct](https://github.com/bbc/psammead/blob/latest/CODE_OF_CONDUCT.md)\n\nWe welcome feedback and help on this work. By participating in this project, you agree to abide by the [code of conduct](https://github.com/bbc/psammead/blob/latest/CODE_OF_CONDUCT.md). Please take a moment to read it.\n\n### License\n\nPsammead is [Apache 2.0 licensed](https://github.com/bbc/psammead/blob/latest/LICENSE).\n","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.12.0","description":"Grid setup for components","directories":{},"_nodeVersion":"12.13.0","dependencies":{"@bbc/gel-foundations":"^3.4.1","@bbc/psammead-styles":"^4.1.2"},"publishConfig":{"tag":"alpha"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"styled-components":"^4.3.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_1.1.0-alpha.1_1575969063857_0.738559855864898","host":"s3://npm-registry-packages"}},"1.1.0-alpha.2":{"name":"@bbc/psammead-grid","version":"1.1.0-alpha.2","keywords":["bbc","grid","cssgrid","styled-components"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@1.1.0-alpha.2","maintainers":[{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"cps-jenkins","email":"platform-cps-prod-account@lists.forge.bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"c403c22363e15aabb92dca87f34c5e4deb212087","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-1.1.0-alpha.2.tgz","fileCount":15,"integrity":"sha512-ajdlKoLWAXWZqcBC2YJeVl5JIiX7DOFQOkDAqBb2GOjZn1HconsDKhFMZUQTXBU9/606tiapNQgy58nBXtw1+Q==","signatures":[{"sig":"MEUCIQDQOlMGLNPz78CFvGXDOD3e2DJFk9hdy+CWlYH7J7IWBAIgH2xz4Qkolv/Bf/Ztv0UpoXqNNl5+hAcVMCObgXCrS/c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":392760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd8TBqCRA9TVsSAnZWagAA1DcP/jczQz5KHYlEn8Fv42Qk\n4Ef2NGDHsJjeQSBkQWlpdXup5aY8A38C/QHd3WyrmxA657+Wp9JDufBz5JlB\nJvOR5zpv9fhU2L2m/b9Ax4UqDnztwwwRV0oKkQSNL8dXr6bvwbO4x9JR/e0q\nXLERqYo4GVXywX6hvjWgPxB9L6Gx1r9SpyD7H5AnSVduSYIFf1+KOfVlwqqK\nH0fZebQpf6Qb7aEJ4g5r1LU+CiK3hH35VBI58tV+TLgp5Ap7vL+RjUd/muYK\nkb5Db6pa6hb+KWY3Z9u+ULqfSzATW7Q/1VW0KnncG3wkaxRUDol57/hu1NYB\n3ELO1joSRYE7lIyd8nH8huxLkJvievW65t8v6wZHP1oxPiMNME2da9jKDnk8\nh8px5HjKOMOLUj7aMEPNiqhVY496p56MOE+F996cKfBmhYFoKEL84jiDK6oN\nH7xQNqvS8Vf2SS6ft9fhROySjSkR+THm+EKjya+NjOcd2JByTzW6iVifEgMm\nSq35366xrZXkW+ppTILHcSfGlseWhj+MpRfQm6+rxkI7RNAYZtRlFXp5C8RN\nkGJtLNdFgbPlnQ7LEXxXw/gcjxm44JPM65KCWSEhkE4uV3DD1blbkhSROqBd\nlLn4D/sLwySrWerl01CVcnRSBR6QGfrUReSpEGywbzpJiba60TCLRJ9oqoO/\ne2u8\r\n=Lzll\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","readme":"<!-- prettier-ignore -->\n# psammead-grid - [![Known Vulnerabilities](https://snyk.io/test/github/bbc/psammead/badge.svg?targetFile=packages%2Fcomponents%2Fpsammead-grid%2Fpackage.json)](https://snyk.io/test/github/bbc/psammead?targetFile=packages%2Fcomponents%2Fpsammead-grid%2Fpackage.json) [![Dependency Status](https://david-dm.org/bbc/psammead.svg?path=packages/components/psammead-grid)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-grid) [![peerDependencies Status](https://david-dm.org/bbc/psammead/peer-status.svg?path=packages/components/psammead-grid)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-grid&type=peer) [![Storybook](https://raw.githubusercontent.com/storybooks/brand/master/badge/badge-storybook.svg?sanitize=true)](https://bbc.github.io/psammead/?path=/story/grid--default) [![GitHub license](https://img.shields.io/badge/license-Apache%202.0-blue.svg)](https://github.com/bbc/psammead/blob/latest/LICENSE) [![npm version](https://img.shields.io/npm/v/@bbc/psammead-grid.svg)](https://www.npmjs.com/package/@bbc/psammead-grid) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/bbc/psammead/blob/latest/CONTRIBUTING.md)\n\n## Description\n\nPsammead Grid is a component that you can use to set out column-based layouts using CSS Grid. It is set up to follow the standard [GEL groups for breakpoints](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes) and you can toggle on the GEL margins, gutters and fixed widths, in accordance with the GEL grid guidelines if you are using it for page layouts.\n\n## Installation\n\n`npm install @bbc/psammead-grid`\n\n## Props\n\n<!-- prettier-ignore -->\n| Argument | Type | Required | Default | Example |\n| -------- | ---- | -------- | ------- | ------- |\n| columns | object | yes | N/A | `{ group0: 6, group1: 6, group2: 6, group3: 6, group4: 8, group5: 20 }` |\n| startOffset | object | no | Sets all values as 1 for each of the groups defined in `columns` | `{ group0: 1, group1: 1, group2: 1, group3: 1, group4: 2, group5: 5 }` |\n| item | boolean | no | false | `item` |\n| enableGelGutters | boolean | no | false | `enableGelGutter` |\n| margins | object | no | `{ group0: false, group1: false, group2: false, group3: false, group4: false, group5: false }` | `{ group0: true, group1: true, group2: true, group3: true }` |\n\n- When should I use the `columns` prop?\n  - This should always be defined.\n  - All columns groups `group0` through `group5` should be provided.\n  - For a `<Grid>` element, it's the number of columns the grid has, and the number of columns it should span.\n  - For a `<Grid item>` element, it's the number of columns it should span.\n- When should I use the `item` prop?\n  - The `item` prop should be used on a `<Grid>` that is a direct child of another `<Grid>`. Using the `columns` prop's values you can choose how many columns to span at each breakpoint.\n  - It can and should be used whenever you're defining a new grid item - something that you want to span a set number of columns at a breakpoint.\n\n```jsx\n<Grid\n  columns={{ group0: 6, group1: 6, group2: 6, group3: 6, group4: 6, group5: 6 }}\n>\n  <Grid\n    item\n    columns={{\n      group0: 1,\n      group1: 1,\n      group2: 1,\n      group3: 1,\n      group4: 1,\n      group5: 1\n    }}\n  >\n    This spans 1 out of 6 columns for all widths\n  </Grid>\n  <Grid\n    item\n    columns={{\n      group0: 5,\n      group1: 5,\n      group2: 5,\n      group3: 5,\n      group4: 5,\n      group5: 5\n    }}\n  >\n    This spans 5 out of 6 columns for all widths\n  </Grid>\n</Grid>\n```\n\n- When should I use the `startOffset` prop?\n  - `startOffset` is an object structured just like the `columns` prop. You can set it on a nested `Grid` or `<Grid item>` element to start it at a column other than the first one. It should not be added to the outer `Grid` as it won’t be working as expected unless its immediate parent has a `display: grid`.\n  - If you don't pass it in, the offset value defaults to 1, the start of the grid.\n- Why is there no vertical spacing on the grid?\n  - The Grid implementation only has gutters/margins for columns, [according to the GEL specification](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes). This is to allow flexibility for a variety of spacing. To add vertical spacing, you should add padding/margin/top/bottom to the contents.\n\n## Usage\n\nWe use the GEL Grid for our breakpoints, as well as for our standard gutters and margins. [The values are defined here in the GEL Grid documentation](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes).\n\nWhen we refer to `group3` in this component, we're referring to the breakpoint with a minimum width `GEL_GROUP_3_SCREEN_WIDTH_MIN` & a maximum width `GEL_GROUP_3_SCREEN_WIDTH_MAX`. These values are defined within [`@bbc/gel-foundations/breakpoints`](https://github.com/bbc/psammead/blob/latest/packages/utilities/gel-foundations/src/breakpoints.js).\n\n#### <a name=\"simple-example\">Simple example</a>\n\nHere is an example of a `<Grid>` that has 8 columns for `group4` (from 1008px to 1279px). It has four child `<Grid item>` elements, one which spans 6/8 columns and three others which spans 2/8 columns within this breakpoint.\n\n```jsx\nimport Grid from \"@bbc/psammead-grid\";\n\nconst MyComponent = () => (\n  <Grid\n    columns={{\n      group0: 8,\n      group1: 8,\n      group2: 8,\n      group3: 8,\n      group4: 8,\n      group5: 8\n    }}\n  >\n    <Grid\n      item\n      columns={{\n        group0: 6,\n        group1: 6,\n        group2: 6,\n        group3: 6,\n        group4: 6,\n        group5: 6\n      }}\n    >\n      <p>Item 1 - Paragraph that spans 6 out of 8 columns through group4</p>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 2,\n        group2: 2,\n        group3: 2,\n        group4: 2,\n        group5: 2\n      }}\n    >\n      <p>Item 2 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 2,\n        group2: 2,\n        group3: 2,\n        group4: 2,\n        group5: 2\n      }}\n    >\n      <p>Item 3 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 2,\n        group2: 2,\n        group3: 2,\n        group4: 2,\n        group5: 2\n      }}\n    >\n      <p>Item 4 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n  </Grid>\n);\n```\n\nImage of this example when viewed at within `group4` (from 1008px to 1279px). When you look at this example at any other breakpoint, each of the four items fill up the full width of the row.\n![8 column grid with items 6 2 2 2 with labels](documentation/8-column-grid-with-items-6-2-2-2-with-labels.png)\n\n#### <a name=\"gutters-margins\">Setting standard GEL gutters and GEL Margins</a>\n\nUsing `enableGelGutters` on the `Grid` element. Note: this should _not_ be added to a `<Grid item>` element!\nUsage of `margins` can be on either `<Grid>` or `<Grid item>`.\n\n```jsx\nimport Grid from \"@bbc/psammead-grid\";\n\nconst MyComponent = () => (\n  <Grid\n    enableGelGutters\n    columns={{\n      group0: 2,\n      group1: 4,\n      group2: 4,\n      group3: 6,\n      group4: 8,\n      group5: 12\n    }}\n    margins={{\n      group0: true,\n      group1: true,\n      group2: true,\n      group3: true,\n      group4: true,\n      group5: true,\n    }}\n  >\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 4,\n        group2: 4,\n        group3: 6,\n        group4: 6,\n        group5: 12\n      }}\n    >\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 6/8 columns\n      </p>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 4,\n        group2: 4,\n        group3: 6,\n        group4: 2,\n        group5: 12\n      }}\n    >\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 2/8 columns\n      </p>\n    </Grid>\n  </Grid>\n);\n```\n\nScreenshot of this example with GEL Gutters and GEL Margins enabled\n![Screenshot of this example with GEL Gutters and GEL Margins enabled](documentation/Screenshot-example-with-gelMargins-and-gelGutters.png)\n\nScreenshot of this example without GEL Gutters and GEL Margins\n![Screenshot of this example without GEL Gutters and GEL Margins](documentation/Screenshot-example-without-gelMargins-and-gelGutters.png)\n\n#### <a name=\"nested-grid\">Nested grid example</a>\n\nNote that here, any time you use `<Grid>` that generates a new grid. The total number of columns at each breakpoint is set via the `columns` prop. Then to define how many columns the child `<Grid item >` should span, you can use the `columns` prop on the `<Grid item>`.\n\nHere we have no margins on the Grid item around the Image, but there is on the Paragraph items.\n\n```jsx\nimport Grid from \"@bbc/psammead-grid\";\n\nconst MyComponent = () => (\n  <Grid\n    columns={{\n      group0: 6,\n      group1: 6,\n      group2: 6,\n      group3: 6,\n      group4: 6,\n      group5: 6\n    }}\n  >\n    <Grid\n      columns={{\n        group0: 6,\n        group1: 6,\n        group2: 6,\n        group3: 6,\n        group4: 6,\n        group5: 6\n      }}\n    >\n      <Grid\n        item\n        columns={{\n          group0: 6,\n          group1: 6,\n          group2: 6,\n          group3: 3,\n          group4: 3,\n          group5: 3\n        }}\n      >\n        <ExampleImage />\n      </Grid>\n      <Grid\n        item\n        columns={{\n          group0: 6,\n          group1: 6,\n          group2: 6,\n          group3: 3,\n          group4: 3,\n          group5: 3\n        }}\n      >\n        <ExampleParagraph />\n      </Grid>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 2,\n        group2: 2,\n        group3: 2,\n        group4: 2,\n        group5: 2\n      }}\n    >\n      <ExampleImage />\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 4,\n        group1: 4,\n        group2: 4,\n        group3: 4,\n        group4: 4,\n        group5: 4\n      }}\n    >\n      <ExampleParagraph />\n    </Grid>\n  </Grid>\n);\n```\n\n### When to use this component\n\nThis `Grid` component can be used for page-level layouts as well as for layouts of individual components. You can nest Grids within one another for more complex layouts. Please see the Storybook Stories for examples.\n\n### Frequenty Asked Questions\n\n- When should I use the `item` prop?\n  - The `item` prop should be used on a child Grid element, that is a direct child of a `<Grid>`. Using the `columns` prop's values you can choose how many columns to span at each breakpoint.\n  - It can and should be used whenever you're defining a new grid item - something that you want to span a set number of columns at a breakpoint.\n- When should I use the `columns` prop?\n  - This should always be defined.\n  - For a `<Grid>` element, it's the number of columns the grid has.\n  - For a `<Grid item>` element, it's the number of columns it should span.\n- When should I use the `startOffset` prop?\n  - `startOffset` is an object just like the `columns` prop. You can set it on a Grid child element to start it at a column other than the first one.\n  - If you don't pass it in, the value defaults to 1, the start of the grid.\n- Why is there no vertical spacing on the grid?\n  - The Grid implementation only has gutters/margins for columns, [according to the GEL specification](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes). This is to allow flexibility for a variety of spacing. To add vertical spacing, you should add padding/margin/top/bottom to the contents.\n\n<!-- ### When not to use this component -->\n\n### Accessibility notes\n\nCurrently this component is in alpha. This is because it has not yet been tested with various assistive technologies. After it has had an accessibility swarm, this will be published under a standard version.\n\n<!-- ## Roadmap -->\n\n## Contributing\n\nPsammead is completely open source. We are grateful for any contributions, whether they be new components, bug fixes or general improvements. Please see our primary contributing guide which can be found at [the root of the Psammead respository](https://github.com/bbc/psammead/blob/latest/CONTRIBUTING.md).\n\n### [Code of Conduct](https://github.com/bbc/psammead/blob/latest/CODE_OF_CONDUCT.md)\n\nWe welcome feedback and help on this work. By participating in this project, you agree to abide by the [code of conduct](https://github.com/bbc/psammead/blob/latest/CODE_OF_CONDUCT.md). Please take a moment to read it.\n\n### License\n\nPsammead is [Apache 2.0 licensed](https://github.com/bbc/psammead/blob/latest/LICENSE).\n","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.12.0","description":"Grid setup for components","directories":{},"_nodeVersion":"12.13.0","dependencies":{"@bbc/gel-foundations":"^3.4.1","@bbc/psammead-styles":"^4.1.2"},"publishConfig":{"tag":"alpha"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"styled-components":"^4.3.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_1.1.0-alpha.2_1576087657655_0.8279489949982082","host":"s3://npm-registry-packages"}},"1.1.0":{"name":"@bbc/psammead-grid","version":"1.1.0","keywords":["bbc","grid","cssgrid","styled-components"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@1.1.0","maintainers":[{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"cps-jenkins","email":"platform-cps-prod-account@lists.forge.bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"a55f8ffffc249ccb0658462bc2194cbc5313b80b","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-1.1.0.tgz","fileCount":15,"integrity":"sha512-dOP27ArrQa2WbT1OwC7/VzMfzQncyQw1wzR67XlVUIK8esgtszUEWus0DQvv/mmZvWvpHF9Fv6TxqnxxiHC9YA==","signatures":[{"sig":"MEUCIQDNwxj9USNOeDRm5/caHn70fRqI7SlEvzBPZ5CkYKXZ6AIgYZiKppthRiitPhtKDQuaXZlKeOQ6x7uIy3zHJp4uNFE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":392650,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFLHhCRA9TVsSAnZWagAAW/MP/irGjxTpO7ehYCNELVwY\naHikmhaIRswPSXHx6ngGGlnBD0z8Bq+yfwpsqXUs657Fcj+XmkN+tV6xPjBP\nTI35eNesvVRTYftPNRDeGZpaq9mLdIF2nwuqb5BzBFmwnjmCgvh/VlpB8iyB\n4+yk1n8DisUkis4IAjADWJouabtGIDjiMxSRF0+U8VxcRWLPobCsEKa4o4T1\nwp1Ap1O/klIA3us5bv3JDSeJNBcoRbd03A0r15OT1CHStnsNA0IPA8G1pz0b\nJ0jHjY/EZnycpIA3RrL/BrBDzFH/n6sRJkftQN4IZZla6Kwn2dcpOsQcG448\nuWnnMNGx8mukaVswzJAnha6GmOG46zVaPPHgw/1Fz9V7sGKH+U5jxNx6G/p1\nmhtC8cuS+NlqsFlgJyVx4rPXfW+Hqf6lt96E+gi7iYevWNoY3rXuaWAvXA3d\nN/zp0UVQtWVVlWP9QMfmlfkb82zr+av6mrxDjxtCUHXkOmj58dHn81KZAlNb\nBc+ld5ESM5iyQrm2odbY0Qc25kCkatzwLihzVHtKv0I1PGsvHbiDNpQ938IJ\neXIr4TS+7sFKuXgwcPD9Komm6diCSxmgavX8A3XeiLbKuaOmW+EmMmvyVreU\nulv6hEhLdmX9iaJQye3pFua4ZoQZ8/vYffLeT6rvJOsWtv5L9HGYkOh4nCoc\n0iUB\r\n=/KXf\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.13.4","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.13.0","dependencies":{"@bbc/gel-foundations":"^3.4.1","@bbc/psammead-styles":"^4.1.2"},"_hasShrinkwrap":false,"peerDependencies":{"styled-components":"^4.3.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_1.1.0_1578414560822_0.9967957610459663","host":"s3://npm-registry-packages"}},"1.1.1":{"name":"@bbc/psammead-grid","version":"1.1.1","keywords":["bbc","grid","cssgrid","styled-components"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@1.1.1","maintainers":[{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"cps-jenkins","email":"platform-cps-prod-account@lists.forge.bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"3aa7f3538dfedcfedd9124bce17131ac848ffb20","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-1.1.1.tgz","fileCount":15,"integrity":"sha512-RfRyotDH6aEcy9Xz6nLN0sIKmZ0BTkb/E07Dh5uBHgXFmkGQhe128oDMi2iNnC6P1aAEL55RlC90Vdb6mQPvqA==","signatures":[{"sig":"MEYCIQD8zcY5lMwQ5ukl273OTTdtxtw73fT782VFLsTt2lmZiwIhAOXA5AnvHLAToD5AgOy3Wd0lUjqwu/1idB4kFT0XRPpP","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":394911,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeGEqfCRA9TVsSAnZWagAAx48P/jPikQRqLj3h+VOxyc/D\nxX0YgQF78NTdMVsKdQxmUWHZhSjFHGP+rYtkX2sVjZ5JpgJ5XSf3m0PL+X1a\nLd3Gucla8d5pmDH+8uJuoeF/pbzaeIDQicN/8o+Crf3iV+9UNnUpTHi9HVym\nUpcYSPojlnDpCtMS37EgZabijQHqQ5rrE+dRp5vZG2AxQh2rHEp1+MYTaUW1\naN7TUbtCkskLJB6jxOPtUfZ+k3XVqW1Rq0lXbvOyjoM0Q7Pjrvb+QLm5Fl3+\n9S2VHmwbGrLtOEKhc7qNu9i2ubev7H9zWii+L3heAw+tef6wkj31WwkYB32D\nkDEl4fKvu35HXn6jFxDMpsrrQ4NKDWaTjm3E8lvO54SXJGsg/ujji4teDyxJ\ni8Z/pfzbTmVTkI2iwhXVPwRhg93RYmNiegy9agZ/lWlaGCdqKAA2T9I2g1H9\nrMTts0fmQkD+U+N9zGcyGNBUpavHakSkUEteZP1tcrhr9LGYO8KAnseGyggt\n3p3+yLjCGZ11ekr9fVhBYLkqvSn2dcLuoXZp5IiafK0pUWk4YsBv+DtBZ7iV\noSOI67W5ScP9YY1klCFYnPRcAmSzjkcJDYAgWKv3Jl7w2BIPGY23AlDKtyMl\nrFKqHxOpOKYy6fnlRuGmiFJJ3ziuQfaFEQr3DXkaL4vhxI85OUlx03lxDDrx\nYFhx\r\n=6iqy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.13.4","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.13.0","dependencies":{"@bbc/gel-foundations":"^3.4.1","@bbc/psammead-styles":"^4.1.2"},"_hasShrinkwrap":false,"peerDependencies":{"styled-components":"^4.3.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_1.1.1_1578650270814_0.5803731506727958","host":"s3://npm-registry-packages"}},"1.1.2":{"name":"@bbc/psammead-grid","version":"1.1.2","keywords":["bbc","grid","cssgrid","styled-components"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@1.1.2","maintainers":[{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"cps-jenkins","email":"platform-cps-prod-account@lists.forge.bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"3bfd228990e3c4bee002017abff5ce857acd734b","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-1.1.2.tgz","fileCount":15,"integrity":"sha512-kBycs1UH6lHuM40Rj3Vy7EoJjAZbHNdk9EYL49JMykG3BkHL6dJRuSqIoov3ji+jIPTlo0ecoDaOqWuzLh4HiQ==","signatures":[{"sig":"MEYCIQDq/YpvnYp8z+zXh8D17/3BJkgrcn14xQTKDg1DXd5TiAIhALPBRdDT/yzvCZVAmlp7Js1QI8yN+dkxbmLGsgQWTHEl","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":395025,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeHJcaCRA9TVsSAnZWagAAd/oP/25k65hu4wX7fYD6++fo\ncCpgxTmXp2DFXzvV2uw3VqY3wSWG8vJs2cSH7HooZN3j8bBofdqbdSAw/4FH\nDy4Zwz46ssVuqTa08xbG7dDCmzi5USNRI4aY77IKTjTG9mUQi9rmJ/wmOfwN\n6J9bFZqEkqPiFXfzdoCxfm+phnnW24QSL2BKRKOujEd4j6niy6e7QquSthYP\nz3zHBGUp2giYS85N6kVMlzF9BAZrznn5PQrB3UH1s1JINsvMkOtoqQJp3unf\nyN0TSMyUustOCSIldM+yoqkOAit5pZoTBx+EKQTViYM/m0W/TXJPT8ytiAr1\ndMJ2/ZTfaJxprfs2WIofQ9ZCNVTwvh/YY2fCJ2Xnb49AWL22hW3EvibQau1n\nxA3eVh/1cdWj7yosfMNN9ifDf7QJ0AQJw4ho15+johPmloTEBTpXyKlAVCqO\nand76XmJBt6m/gN6uhjTM2DZhaQCMQnLdev+Bannzk65UCCFipeABKgLS4l2\n5A5fCZjJz/qtUoCiwc93dkXsE4WSHuLSZk3qjobKrf4V/WnkrJR24jVUlxj6\nfwbhaOny+nTjwXk91Ku8+VvirpjISdA5oc+aI20advq62yqCe69KMUv6t0kO\nPz2Cg0nFP/lapM8OPv/lUGx2M625wS6ZTagojZknSRyirRlD9dbTMCnIT03s\nqX+m\r\n=0o4l\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.13.4","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.13.0","dependencies":{"@bbc/gel-foundations":"^3.4.2","@bbc/psammead-styles":"^4.1.2"},"_hasShrinkwrap":false,"peerDependencies":{"styled-components":"^4.3.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_1.1.2_1578931993953_0.5541127362339995","host":"s3://npm-registry-packages"}},"1.1.3":{"name":"@bbc/psammead-grid","version":"1.1.3","keywords":["bbc","grid","cssgrid","styled-components"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@1.1.3","maintainers":[{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"cps-jenkins","email":"platform-cps-prod-account@lists.forge.bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"e2d2cfbb8d95dbdaaefb4c789db0636e62eb0bc0","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-1.1.3.tgz","fileCount":15,"integrity":"sha512-Ag1nyy5GyQXR10UriHuQL9BN4d4bpqzQdlMdQPqrc+hKT+0z6O1xlLLAxo1oZEXavXR2xf0zHZRdcEhDT4y6mw==","signatures":[{"sig":"MEUCIBXt5dXVWoLzwEplPJkH8P9ICdW+whTtLZsPrBgu60c2AiEAs7y/LW55PORrYFlo5a9XUqFuta6ewpS9LVCCYeq3rC8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":395139,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeJZFGCRA9TVsSAnZWagAAEMUP/2JFjlG3252ggtO1H2ND\n1KecrnmPZ7GTkBhDyeg1OPhjwmYayzyEX4apbnN35UqTitpmhhTNDKo8OpRu\n3cLA5dA6ycC9LmVEiFujZH3+Wim6+rpZeab518ad4QVuxot9NNQDplmkovI+\n02Uw1/qror/3zm/VuKO1623H4l9oPwJVDb30lxmdv786cdz9XonH1FExtJ15\nGSaDaa4DtksLGaZ0zT2wXi+h+YQOcZ3+OnNLTSaeTYXNaIXjIOUaTMjUSGgK\nyk85FEuvMmfU5aleXaZY5uY0+MdWb78jQi7yQ9vkdn2sY0k5c8utUr/r+bA4\ntzYrn6U5Nyipw+AnO22eUBIfDUMKn1Jd20rTwXa1Kvge9bQYNxT4pR4TcLIr\nkXPveL8aEYWasXbMb9iuD+RBKSvZvAmIjN1q2ubEmo/DtrmF+UuVQUhnpIYH\nruKSQx1DTsA/CH7mvZca4DHDekLevLKFiK7jyblWPBQp98L8bvFoP44XWuUr\neD1s3g1O+8vyGHiQ1w50YOYaLsqwod+w1d/uNLcEDvS2NoO5kTaS4DeaqTin\nh57qgSV5KOO4PCSkzFd9cQJ7UAKxrtdxlCf6cQ0b0TXF8Cm3F9cnsEgN8ema\n3tNIKUK9pNMZwJ8cu9h6MPuM1DNgC8GTdUm2kFSQ/Ddr6/MIbqXCaykJSmw6\nL6JI\r\n=/jAE\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.13.4","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.13.0","dependencies":{"@bbc/gel-foundations":"^3.4.2","@bbc/psammead-styles":"^4.2.0"},"_hasShrinkwrap":false,"peerDependencies":{"styled-components":"^4.3.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_1.1.3_1579520326407_0.22181774588581282","host":"s3://npm-registry-packages"}},"1.1.4":{"name":"@bbc/psammead-grid","version":"1.1.4","keywords":["bbc","grid","cssgrid","styled-components"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@1.1.4","maintainers":[{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"cps-jenkins","email":"platform-cps-prod-account@lists.forge.bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"d3217ee91b0f06feb7e57ced4942cd7056c1c01f","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-1.1.4.tgz","fileCount":15,"integrity":"sha512-o7kuCIybD6P5WSihn8gTHVrd9sL7zz+UWmo01eyw93CAg3+PKAWowXymRdiM8l+mEW7HOdaD4qvRWzD/ZrKwtQ==","signatures":[{"sig":"MEUCIQD3baK0u/oujNLV+U3i4gwQoRtIz66yXqDxMZjA0QPdbgIgRWIT4/LiupFxG6KA/h6lwg7/4uRuthZd0Iv87Xzhwhc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":395253,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeJbqSCRA9TVsSAnZWagAAWkcQAKBp4SW7cWYFrG0nRPd6\nNcqO+lMr+kIYWM51eLZ+/WjW05zY+5IywEpQZZIphiUxB5MYKxi+Bv7cNHrE\ntJzPHwOKJiESDSlTdh5GZ/7yy+m0LwqnxTAkt7F2GUigJl/S9x5nfOR3WDSw\nPfZjUd0YCtsoXxL1q1QOvS9TPlHsZ0gX1iFeiCD3+/ZsvDGByEWlkBvWo4s8\nzotbe+aLLtlExMTS9ZPnI4MSTMhrR4swhLcq68Rpxf2jey4+++P13UL3c3GB\n6i9hcOn16KQvOxZjwjvdfAjq4qI49mx8XoYpURd6edWsWQJpX1p6GJUcEbqB\njMYUPiOcH+OY7bDPGsJSfZ4qgZ7WOiITdJBzQ0MzDcvdbWBuXym08qWisngR\nvLfe94ztntfSBjMX5ai1QcPEqbELFlkh2+GJL2egF+/8B0MQFCUGxxxC7gJR\nBMQCjz++AFl+Od1sZo0cquk4yRvy29jPlPkDyI3hqQhPOuTR7jqwNPNosBcA\ncqunJXbEeooI3v9uQPWOC9YhIXNLYs2KsTHvPwq6AyeVJwd4ks/dxzoGFTT2\nsNVfjXtNh3sG7nynDSRY0uIUEN1AANqXxiA2NzHyOHoP3lJ4LruijlLkJ9HX\n+8zWtgftzuMCPvv77LncbmpGSuvC6mkmTWZCMfHkeQV3oGB54SDJ9XQNZ8zg\ntgXM\r\n=Zbku\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.13.4","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.13.0","dependencies":{"@bbc/gel-foundations":"^3.4.3","@bbc/psammead-styles":"^4.2.0"},"_hasShrinkwrap":false,"peerDependencies":{"styled-components":"^4.3.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_1.1.4_1579530898430_0.35390281539325885","host":"s3://npm-registry-packages"}},"1.1.5":{"name":"@bbc/psammead-grid","version":"1.1.5","keywords":["bbc","grid","cssgrid","styled-components"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@1.1.5","maintainers":[{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"cps-jenkins","email":"platform-cps-prod-account@lists.forge.bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"8659899bc502a125dbb4ea7890f381b201dc46f4","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-1.1.5.tgz","fileCount":15,"integrity":"sha512-H7pgRscEe2OrdErHg6wvYseRpxBhDOey1PoYn2iyQltzuNkhcsSiYNNpAbRArakYcmCfijY232kx0+Yer9Cm8Q==","signatures":[{"sig":"MEQCICqFSEFA6On/6fWxJ5hNeJd/02LyGa+OoP3OzQ3U1IkOAiAzEQU1Xywt9KqXVxHlbKN13cZ8VMFVT9jDdHgjlo9Utg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":395367,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeMqRzCRA9TVsSAnZWagAALC0P/0hGcanAk+DrqpIwuSDm\nSwPPiFukczR1plx5Fyf0rS1/fuBapJgt0EOFD4G8f15mnCPcjbCURdvBczBW\nYsx9Xqvn6xZ1bbLK5CMX7hKzznezMA8aA0tlAsy54TtSlJcKXSjm6AiDEwLV\nGc3X3x6K48+Ipn9ngdPfyWyG3ic5fwwsU++sJjgkc8qVZdg+q/gRwi5ZfCYA\niSlwC7SFsVRnmIwGyaoktB5JGdkqcqXb6Y/IibRzRjo1NEJRsIRMBc6m9QAq\nhMVkXZdasMs3i1i4McYw0jVMtpsDWfkDwu0UmQtY8bmzilL5DUZm3sMH/CXF\nMEa8VcZOsY+IE76nVpl4CwCAeHA36hFLK/bInBVHCz880VGrF+Ir1R2ANO41\n9XncqMxTPXU88Dhew+1e5oUTwRl0mcipdek8bomOHnW/0Q5x9SZ0YpETlpEK\n2tQr4vh2AbWJKux8e8x67H1fXHLrFcZRQRxCv9G9kluga3WxWgjgz9I6o2LR\nAdm8/i7Je4qO16k+ez1QsEglgi3AnIBKmr7oCjTMVwZ1TD2ZoOeXCvgiy56C\npsWf2E5EZGtaMtFuiku+kmQFalCbO7iJXvaE1AHc3kKjCMLzA5PaIcRbNUMJ\nJ6SbKzeHcC/ktKxyCK0Id1eFu62M2gUzIU0sKjlkn2QYQQBah3x8agEp6/jI\nZ6bS\r\n=7CS/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.13.4","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.13.0","dependencies":{"@bbc/gel-foundations":"^3.4.3","@bbc/psammead-styles":"^4.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"styled-components":"^4.3.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_1.1.5_1580377202569_0.9006506583018283","host":"s3://npm-registry-packages"}},"1.1.6":{"name":"@bbc/psammead-grid","version":"1.1.6","keywords":["bbc","grid","cssgrid","styled-components"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@1.1.6","maintainers":[{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"cps-jenkins","email":"platform-cps-prod-account@lists.forge.bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"61696b104eb771acfe80251716d53abbd1602586","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-1.1.6.tgz","fileCount":15,"integrity":"sha512-cco/zg4H448wc5Bwsv+uhAahvzfIDrKIba2veaAKYpoW1b5td2nhgej9h3nbnLWqSE87+OF75YZ0eKMtYJe5uQ==","signatures":[{"sig":"MEQCIH6mB41HGjEfyWLxUH+fkQUZ83AU6JkRi4JEzUzk8EZRAiBQVfhWomWgLBQueZMfnJPy4iSpcWCSBbg0C0xMSKSEiQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":396116,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJePUJPCRA9TVsSAnZWagAAR+EP/0p4Xr6b/7XGb0Wr7nzk\nD3vd/3mKKgcB0eHwDnQlvKAf8JeJW3QwaQXBqhCJnLXkj+NbAYO+ZKr+8qeb\n0OlSuyxcaGM64TMNqR5L1DH1OT7fF0ZCMRP+J0QIKxBTkPgqCRUaYjFyfPMl\n9iGm67yMxy7g5gIEqgMld9EFZHKLj8sIJBIwbREjmNVAjNPOaax2J/LsCj/8\n4cjJsd8kLXDmrVfgjOPIZOJ3ykZo3OK3z6cIyRr94VuAG59nlFrUJjtlVUMk\nZ7tUkuqgR6etcRLZsUao7WgR1G7S1+wsdDvvJPtqxVHlJ1ZqBHEg4zt9Z9wL\nGB1odi4/5Y+0zqMC8ACXu6eQXtG9mHmkvZWBSNxWAZbcK0iM6lrBfDvhej7l\nKB+EUN9xNpnB38RzIHbdNbeXielI821b4aV/353udPFSFNJSxO1GCwOP/jnQ\n+Kc3kW8OEQfYfYexRd/AOwfBU48CokxI9xd0u1LMSevHTkQV8LTP7T1zQkuq\nfqLjc8lwVzFKJ0Qo+4V0EZr3NBBGG78xcp3RCEG1mTTR2MHhoBRndPsZ1yKE\nnsEvQiLmSqusJa3buwKmRXef1uXjFD3PnuO7jTiYzajS4E/n56tzjYg31utX\npDghvlY4XURU+bzyrvKwHkH3NRil7COjWU2In80cnswkLAPNz5RZpwE+upDa\njITc\r\n=Y4yB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.13.4","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.13.0","dependencies":{"@bbc/gel-foundations":"^3.4.3","@bbc/psammead-styles":"^4.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"styled-components":"^4.3.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_1.1.6_1581072975180_0.7625415795625314","host":"s3://npm-registry-packages"}},"1.1.7":{"name":"@bbc/psammead-grid","version":"1.1.7","keywords":["bbc","grid","cssgrid","styled-components"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@1.1.7","maintainers":[{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"cps-jenkins","email":"platform-cps-prod-account@lists.forge.bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"cef711739cf563b55cc5d44b1301514e8ffc23c5","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-1.1.7.tgz","fileCount":15,"integrity":"sha512-XAxnoFvFuR28gEMcBe4tC+TZtdGL79nPfF7T+Pp1tLsrb0d7W+moRHIUH522BNGUXZ/yOfoY6bdN44iMMegqQw==","signatures":[{"sig":"MEUCIFfkrZkgcEeXrE/iSKnRNV4asYo8jXHwOnBmrK+BZc/NAiEAyXdZN35ktiSefO2MDdrvVpzR9iLlyCaVABgnmyewlls=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":397595,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeQYM9CRA9TVsSAnZWagAAW1sQAKFiiVbgVX4rcIncarPU\n9BEYqoior3YUbuYiTnCqPVa7alJdS98LxaKbS7zgryeDNqeC8/5zcG6yC08Y\nYpU2R3Ya/lTPPv+P9MlPR3K7W9dFWIYC8aGpdcslUAYk039JA1dxsI4neYB1\nU+Vtv2PZctakVFErMMf6Nf4pkc9E1sGmeRGLhCUN56Yd4ckaBFg/rfAPYLNE\nLKFjp1ul/9BQ8BlWarTLz/Hqp+OMh3Cs16LkXQolW96O15VC0Gcr70/Tm0tr\nf7rQaM3LDRdRMNdkcsE3qmnzzOQn93GgWMVxWrRQBUARbwIq13LnZHNRAKKK\npovOcUM8C5m4UtytYUMEULa5N9scoAlZQBnRBfpcqgvFzXy8ila0bFQERz9W\nhp6l7WVFZpk2sMLNxc+7HW9ATD0TM246RYvIaS/XHzcp0GTEuC4CxGC5qCvC\nQu6xNVDOEfkSnkqoAkl2n6E/DYJ9vWQylakAYX4Ena0moXYABUiO8GMcr+W+\nZ3jqJdBv3/QaefBX6vxnqCaYZdplXIzSyRjrLxxgZqeD0r/E18OkzkpDR2QK\nPzUWKUZIsXyqu3L8C+TnZwf1cFZb1smO2ypMR/0kuWDCK8CR5GgERhzr9TCf\nCZ3S8T7FtexaI5oQuBmFd6SYsbVYsVYpNoBHAsd7CrRuUcpOZvpNq0/4mT51\nhXch\r\n=jxWG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.13.7","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.15.0","dependencies":{"@bbc/gel-foundations":"^3.4.3","@bbc/psammead-styles":"^4.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"styled-components":"^4.3.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_1.1.7_1581351740616_0.42007214882047417","host":"s3://npm-registry-packages"}},"1.1.8":{"name":"@bbc/psammead-grid","version":"1.1.8","keywords":["bbc","grid","cssgrid","styled-components"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@1.1.8","maintainers":[{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"cps-jenkins","email":"platform-cps-prod-account@lists.forge.bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"98910bd8e0671ddede2480d74ac5a622a37c5440","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-1.1.8.tgz","fileCount":15,"integrity":"sha512-bjj6d/BOmVt7nGxcpETX83b1z4qutnnRDpRzpTYpbTIlpDev2HRx7t2PeGGQLroYV2//RA9wQJXS3lBa2t8+uw==","signatures":[{"sig":"MEYCIQCkxf/FbL01LjKUiXMCVuVcS/1d/692AjSP7lt7ThXYqgIhAMYB0eGf/8r24AgHl7YA6fjsOBqfcWX8ja1t4RQlLSfM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":400921,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeQ/8XCRA9TVsSAnZWagAA51sP/A/U6rdoFaxRGCOXRyqS\nVSRFfWaczieDFnhvVfwlpHzRM3sT80jRA7w8D/PI3ecXYRHnectRNG2QHBX7\nJCoxqsazpPD4Mj7ALJN/NLvrbaf5kcOxlO/8Jt4xWJIrR9Bo6W//4uJmUDHD\n0bijNBDr8B5to4w3e2P9Ta26swqNfICuETraW0lfw07wdKG5xSDTXLh4xoy5\nBqANKQp2/tg7W7E1lgGRfmkyGIm4pek1khPXClNKvOzURCc64j41qSaYuNIi\nq9f5iVegUuOMYrYxEOLQ0JZHv8Tg59incnmdsN6OHRvhjGH1664D9IddNqlc\nAeiHzmRSiKojiTTrVpkOOauLM/4nN9yq0wTFDsZCNQb4BpBupMk0NOJrmUwq\nljlyWOGHkGuPTFUmNJ/QRc7fZE5v/yhdNLQETQsxOPaF6RLYTVUrkgE4J3LW\ndRslZ69NDAeN0jQvlr6/nNWMCW3wPggvoxKRlLnqlYgC01kLbYSSugluaIs3\nuLLrFJUl8GVpT4C8mX2vYEAG8NnPx306MU9ZdTDjAA7ISBsvHEP4LTrvj66V\njO2ngMxFyGAfTfetCSvQGMS9u7g6v9LLT9dss5W8WrrNbhyhKUw9fURQ4uvs\ny0Q83DZJXvKiUyYYmc6uxu6UQb3vVejMkliihmRsojdJmipeBIu1Flurie/X\n8Mtv\r\n=If2l\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.13.7","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.15.0","dependencies":{"@bbc/gel-foundations":"^3.4.3","@bbc/psammead-styles":"^4.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"styled-components":"^4.3.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_1.1.8_1581514518575_0.7129943748892491","host":"s3://npm-registry-packages"}},"1.1.9":{"name":"@bbc/psammead-grid","version":"1.1.9","keywords":["bbc","grid","cssgrid","styled-components"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@1.1.9","maintainers":[{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"cps-jenkins","email":"platform-cps-prod-account@lists.forge.bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"c1b65b11c3cfea36ea41e4bff861465c3ab5d028","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-1.1.9.tgz","fileCount":15,"integrity":"sha512-qgnzUimsxjftzzhH99B7+rEjbgs+vNkmfY6VDozkZVb2Ww+RP5KqREu9XT8Isv0t6CtJHrDWbtn6YJJceqVslg==","signatures":[{"sig":"MEUCIA16cP1YH4tIJJmUjVMa2Sgmzke8btF7sN0Z2SLe/NFhAiEA68koGjKxKkH3BK78m57fPiT/+Oq84LBU0FSHNJqAX7A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":401100,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeRUAwCRA9TVsSAnZWagAA88cQAJWAMeWpBNbWzerRVmBe\n182leqQ06tW4SvdQG3JTb7J6Jwmv9SP9lorqnTrr4Q2avTix8gdn+0CMcNWg\nQsHTgcU6YaBuu4r8Q+LaIHd7YFVahEySHUPZcuzNWlmAseDG+l/0WSGVzW3j\nUTo272uby+sHkinTA5j1wlb0g8LYtki6NHDrzOuESVpavjiaULWL9+/+xody\njdbH4SVOx7dPPI268ii0o9EtJ/wbcmevi5Iw405qNHzKAaYaPispkoj57B7y\npx6rxMux/zxkhKc7a9I0GMAGCHx3bA/WWGL47zWXijDcrKtrE7F4XidJdS2n\nbkW48QLnUKnLtbHfyS5cFjpJkQX0akOfmEmlishia/H19l/HZWwO8veOjcC4\nayZYlTTMCW9sLMK5g64eXkM2pwhvpW5sjf7PPl+7W2pXiGfpdfTpjRy/gkst\nsZaIUf0F0XfUxcDIBuh1rQv7AL9zVKoixR7FDxlnbtC43wNxUB120zPIgSQk\nxYxr5MkclMX+N6lUVslYO8iVeeE6LKav8/YPG/2lPsp6gL5rI5CFF16dZ0Me\nvr774qdxrF94IkPNDIMgpraqpvV3QjrgDkK66mj8ofd/hUCHcskY/pdS6f09\nAtSkhkTpwymlw4GmmhGxMg/FVLf+WraT0A9TRD35mrlj6LDATogmOYjzff6g\nKctK\r\n=BYDN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.13.7","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.15.0","dependencies":{"@bbc/gel-foundations":"^4.0.0","@bbc/psammead-styles":"^4.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"styled-components":"^4.3.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_1.1.9_1581596720027_0.80827480340953","host":"s3://npm-registry-packages"}},"1.1.10":{"name":"@bbc/psammead-grid","version":"1.1.10","keywords":["bbc","grid","cssgrid","styled-components"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@1.1.10","maintainers":[{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"cps-jenkins","email":"platform-cps-prod-account@lists.forge.bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"8e9b5a2900d513e677719be608537ff970a04a3b","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-1.1.10.tgz","fileCount":15,"integrity":"sha512-QxJTwc7nQbgreXPBiSWOGFKz1b1RbuI9afb73x9tR4Q9j0HkEm1QPvXruvcynaUUFdZxTh6Gx1UbVy9arVUcTQ==","signatures":[{"sig":"MEYCIQCh1r2tb815xr51ihl+iESlLcBaw5e2XtogUfQnC1Yl8gIhAJO/lVpyhENgmpVsgV/RIqm+VCLX6aVoJ2mU/Zj4t6qM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":401216,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeSrABCRA9TVsSAnZWagAAqQEQAJ3WICvd2Rv+YpjjuPmx\nh6yPr2RuNbIOU3bE0nKloyIVfvzCGAl4FJkyb8TjVLVKcDLQuc+1gFBrNwZ6\nA2zi52BZ4rKZXp/rXUO6LfQ56aLxEEv6jEJ3ZqhHqhkQ50jmFhEx3U8lYPJu\n3hG0NCltQ1hCr53S0gAOAGg2hNuqQNp3LqQvT07eR+T7CbOnqEeZxeMPjleH\npz0LpOmN7wwYSuLfWO5e9X8uve7axT7LrZO+uNDYEZv9zFLytIyacqGVrTEL\nkIEdCYoOzMI0n9j5k2WRrcvlojCosxbdTjx5WqBKYIM0SgZvqABDbiZLhGzu\nRDjGS7qrkm7uca7UlPGRQYhahNllbg6uQlsT6vbIeclKfMEvbss1J3WR8QdK\n4m66FKeS53ZviLFqw+VDiGNXZdZBnztFecKRV1eMx+hqq+ps3GxAgfauTi9j\nlfOc4vHGfs+KVYivOK3+/0ruXAHycmtYdRgigPQ81+RaAG6KcgEd45L1bFlv\ns74uJXy9XUwcYnXJof4GBdrSnBLux0cAJdsyxgq16drr/uSl6PuyywFRKcB8\nrtwVBckFF8BQbh7RG/K9089D84EK/Mhg4Qd5CMEosGqI/hWf4emGGyrZ4XGj\nTMHQI4UBWsGRvRKiYRLs9gyfW/WzkKGKqzuO36K4io37D9tEkT1nda7WstDD\n7jWq\r\n=ZwaO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.13.7","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.15.0","dependencies":{"@bbc/gel-foundations":"^4.0.1","@bbc/psammead-styles":"^4.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"styled-components":"^4.3.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_1.1.10_1581953024506_0.6015518078946973","host":"s3://npm-registry-packages"}},"1.1.11":{"name":"@bbc/psammead-grid","version":"1.1.11","keywords":["bbc","grid","cssgrid","styled-components"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@1.1.11","maintainers":[{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"cps-jenkins","email":"platform-cps-prod-account@lists.forge.bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"bbc4e08de9c814ed5e8d9e04299e8e91d7c01318","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-1.1.11.tgz","fileCount":15,"integrity":"sha512-MbGZX0wfQwxIBiG6SMDAru+x8VaRwwI2Y8NtGXXp0uIMkT83+fLSYZp8/8PRaBFIVOduEB6cuj8ec38deHnoeg==","signatures":[{"sig":"MEUCIQDvHSHVBDanHz6b3FjBN3+cHGZnc7tlCJT19P8ec28JEgIgaz6bMkTw9M5+WUpzfgYtjNzW/mk+bVX6jSi4tyNHwV4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":401334,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeX6pkCRA9TVsSAnZWagAAFgQP/jxv3/nrvrP7Wu9nGGVa\nditcR4aWBo1P3U3z9ZyTiJFgUHkk5qH0YrGmE1Bs/xV4t6r21KOt2ytfh70U\nUXye7HDq4kiwWCB3I4dTm3UvwtVMJZgFdtrsi+FZzMi0/C9pJrJPZsDBLStq\nFhSXdv7yjihYqpyEOPARN//2zK5v00ezLKRNRVqr71/PVhbqq/M59VGXE5Q3\nmze/eC9GptxSzHbjTniQTuC8bBDWhKV+jUxVSw2IFfWw//8xQLMPvELAE4YD\nhm1v+YmOiJGYu7XUOqhkDKu4CjWXmwySaB8JDyQTGeCSilG7z2D1y8y/e0Kr\nocawZxXuz/XtBvLSpXionYYbgC1XVqXvAzsNc2eMLdXA5Go+n2Y1PRtPp69b\nWDmI8vpiNSRotPdZQoYwq+CKpdqVUQCfOBwpaXtxlGlfk8ud9b81GS5wBU2J\nAKXWUnAAKhaqZ9YvjmZE+TVZJa4POQ9TphY0i1AmlWvj/aHTAHVnCS6tVAZJ\nAETGW49/7tQJRwfBpDK0TQ1nmkYGw0heIJ0O13C2kTpQWbQFh4x/ByYnEKg4\nM3O4fSoWvQvPKcaujbMX+R+uQmmEgAp22JmT+heWk7Xkar4IO1TTPZ5lpcIk\nhpDQSKQWHPAbNtnHtNu4wKiWXb+DN6Qa61hdnHLw4sHvibW3utMn/JEVTqVK\nOQPk\r\n=ovCN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.13.7","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.15.0","dependencies":{"@bbc/gel-foundations":"^4.0.1","@bbc/psammead-styles":"^4.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"styled-components":"^4.3.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_1.1.11_1583327843638_0.1239159390849931","host":"s3://npm-registry-packages"}},"1.1.12":{"name":"@bbc/psammead-grid","version":"1.1.12","keywords":["bbc","grid","cssgrid","styled-components"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@1.1.12","maintainers":[{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"cps-jenkins","email":"platform-cps-prod-account@lists.forge.bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"67f62792e5c60350a9f58bc316de7d1f0b5a352e","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-1.1.12.tgz","fileCount":15,"integrity":"sha512-TiP9QLJ2pSr3Ya5OVzmeRzG77gXWH9redc8M5vdqzDdXBPXXz9wzGI7Cbe/i2FIOAE8NYczqfs9Qggd+wLnr5A==","signatures":[{"sig":"MEUCIQCVii5VVCU/oUvIVXvZHWAcTxpsJNrpbm52TgtPNXaUOgIgGH8ObsK22TsH/DM9uDVWtVgsmIp6nTmxQmxaRAEEtAw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":401581,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJenYKJCRA9TVsSAnZWagAAH7EP/ArDHr6uKg//yxJ6gRKB\nEZ/cHVKsHtgIVwYHqPVPhYV2hoxkDNnd9Dxbh7xE/rIudR4N/iyEyWGsRY4k\n9vxwAayT/23s2AaeuFiShsDRL1Nz2Bzs4AiUkzkiV9WMNxAjtc1xwBQno1/p\nzuXS7XzgREqz+n/EkjM6ZzC44PSvHzmiKjfG+cBnCi4nfHUnW85HjQ4LUFPP\n0jVk19+PXY80AIfxC0kZ+m4X9Gu5rF/ZlPNQ4zAjE9TRHYWYcXQ5XQV/zkV7\nRGtY+IAnFz7XW76KuSxxG6sCXppjB/K83nSwom+PDo9zGGqrrrGhJVDZFFKq\nsevEfwX1fvc1oz5jodRQ/9wiIz5VUtVyBr/P7zQKR+TZ6MZnssg7TVgWSVS0\nw53lmL4vunM1Ch3gnRWMRa4LJWW7dO9O4kQAh9YtXstaThoBlZy0T8bTr//3\ntIidKxardsnDr8DDRKsTksb2WOsUj+qNiCKmql80nJRQHCqbweV3Vdot54tq\nQgjwBWxz83zHKqTL90SGn04BqJNPoBYO1LarsZYXquX9uXVj3KrXd5Ksw1Vn\nEtoSba7aoHFbW3WY9mdrfQePtDY6tqRVConQ9IVX9oKrbHl4owLv4L5s/cx3\nmMWLSezacjMPH3L3XYK8Ci7ka69DgxOZlqYYzLqO8Q4okIeisVK0xQkkQJUB\nEM3e\r\n=aCX+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.4","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.16.2","dependencies":{"@bbc/gel-foundations":"^4.0.1","@bbc/psammead-styles":"^4.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"styled-components":"^4.3.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_1.1.12_1587380873093_0.07513727601580489","host":"s3://npm-registry-packages"}},"1.1.13":{"name":"@bbc/psammead-grid","version":"1.1.13","keywords":["bbc","grid","cssgrid","styled-components"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@1.1.13","maintainers":[{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"cps-jenkins","email":"platform-cps-prod-account@lists.forge.bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"6ef97047274ccc9906d3b332e6eb107b5a40dba2","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-1.1.13.tgz","fileCount":15,"integrity":"sha512-3QLWII4+SqbUEgE5+qak2aYkXLegiz5ySQgvOx7qTlY/tUGWMU7Gaaf2Hy2bIEtBjgFTQaJ0V6kQx8yY1Qf7fQ==","signatures":[{"sig":"MEUCID41DZUuPdOADZ5sz2y+Nt/dRD/GpZ0S+we5w6mca/ZYAiEA0JZFnaGkVwx/Y3yLGix9Wsd4lT4S5Rds8WS+fbECeqg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":401696,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJenY20CRA9TVsSAnZWagAAN20P/2WKndia5zMssIZ+eVuI\nwYJncCPif3GX06fM7CzH9uX96RvagZecPXhJAR/k7iMOA0AiHPQn4/YodEkm\nKD+KMdSD251nFASHSy1QJ5YNUahhM60pXkD7rcAKBvu0wjGKscfjUdbcG9eC\nP/IDzC8MMeuZW9vgrdcwePvx6ESIP9iWiA5P5XWl/VUig61ua6ez6LhOupHO\nRO3C79nlP2fNDboQtlMoMfZIQSX7vjDx9vRCJYSQjTHWdaMNHvx7T7c8zsoc\nBgW7cZ/pjFiBPX2DbrPy8H57bOwf+d1emPGnPZwdtCtcxIOuQAQc2fMcy6n6\n7jyV4oQubgpQcvRxNAPt8PhZ1Hsez0cxBm+2Si7h1tU9Alqkni2I9WUeZx32\nKW61trA/hY51mO8K+kLdLz5HGGU5bQS9jO8nUfNSc/urQTK+u/qO03l0FYk+\nKxch8j8lBrOvKwHuGwhhCiLyaV9p9sitZf+XIwtyIiatSXeZ+adaIP+TMk+F\nPVK5BrpHGzdsYgsC4NKJEMvTV9MDGoHv+Hyzf0jMlMo7EtGkanBuIc3KEz1D\nS7kjGJAAAN+lSEbMTtssAeOot3Wh3F6pFsZRrVr7fKClQMDMzBKiBudmcMMR\n7AHdoSNHD45j+bTHh6hAgVYe/k/39xP6xWwPMcGdHDKys96XcQ3uWYY6vS5h\nLkOx\r\n=GMWe\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.4","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.16.2","dependencies":{"@bbc/gel-foundations":"^4.0.1","@bbc/psammead-styles":"^4.3.1"},"_hasShrinkwrap":false,"peerDependencies":{"styled-components":"^4.3.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_1.1.13_1587383731608_0.43447560297043064","host":"s3://npm-registry-packages"}},"1.1.14":{"name":"@bbc/psammead-grid","version":"1.1.14","keywords":["bbc","grid","cssgrid","styled-components"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@1.1.14","maintainers":[{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"cps-jenkins","email":"platform-cps-prod-account@lists.forge.bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"0358cdf652729363d1edb361b36ae3d4052b4aa1","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-1.1.14.tgz","fileCount":15,"integrity":"sha512-VgPsKBaIwMq7QBbQDLo585gW0JtqjfqHt2j3xO2T2t1J3uRFPAxTJvOms7dGB4ToW9dNxsNjcWfhRyVKYGLPyw==","signatures":[{"sig":"MEUCIG5fflIQfF8Nrf5jWYb6GqvEIv0Y1+BBJ5xVu573uTiwAiEAy9iriPu96lWY9u6bYJWi6Ixos2yGGS++ScnP55DlAmk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":401811,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeutNPCRA9TVsSAnZWagAAQEgQAJpMnJaDTN4iTC08YF01\nHGIBZsjl1Wggz4Vc3pTJX+Z/YVKWK0FFNLtoZsB2jvMRIGRwkoXyp3w2xFGS\nH69B/z+7T07jd+Ao1wKcG04Nea3JSKjOp1djvcDOJt+HZwHaZEvcWSpA0lHU\nM1IbJRhH40GQDlScDllVcdXMcjcRYGLkNV04qNkzMl4RBzoGdLFc/nZJSkzZ\n1ohogOAOuMVZUDoQizX9C1upssEiy9sBHJTXLFrMq+iK3fpVmJKYlACoVtaI\nqM0tbjlKc3Mz70sKRmQl/+AB8skewtKDlMKLlmn53p/8HBnstPf5R7SZsvfD\nkCL/NJ0ZYs9iC23OngOsQyMmu7+57w4s21W2baKm5n0Dpa2gcwz8LEzIhwCl\nsPq7cgAvCSyCN/lkj+Qyopu7TaydYISrwZPGWxGrAK9B5zxxU8Fm413nXUFD\nQ6vuXTM6gAnkdiprWg3HYJWobZ1FGQdTRSft3yU5G1YfpQaNn8GsVrA0Fsvn\nPnC3OF+sYRxxrvpyUe8N2xDtmtXdrEGFL7ZGWtA7pC5IibDUt2GV079V0xoR\nl5DqPuNdRhRHXTTFO1kpSscZV1ovLCvsLvgt/iy794m5FrR033oK5/FA1D5K\noatSTcGVAGuCrb0fWFCHOT0zTE17zeJ4dhzgS80dmrnGXmChozvcDmiL2mXc\nBz9v\r\n=YY1o\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.4","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.16.2","dependencies":{"@bbc/gel-foundations":"^4.0.1","@bbc/psammead-styles":"^4.4.0"},"_hasShrinkwrap":false,"peerDependencies":{"styled-components":"^4.3.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_1.1.14_1589302094483_0.8181750334594333","host":"s3://npm-registry-packages"}},"1.1.15":{"name":"@bbc/psammead-grid","version":"1.1.15","keywords":["bbc","grid","cssgrid","styled-components"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@1.1.15","maintainers":[{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"cps-jenkins","email":"platform-cps-prod-account@lists.forge.bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"363e0331e62fb1b29e95e2bda778027531303879","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-1.1.15.tgz","fileCount":15,"integrity":"sha512-+mHxAqSRi4jFWfQP4VpjRGQcSoKRhvMvR4Jbxuyr0EAWyodmizUqUCKFHnGvybX8no+3lu4w1YWy3zC6gEVtHA==","signatures":[{"sig":"MEYCIQDDB9XBVoeplwTTA2UAly+j0t145iMr0pmQC0Bnm8DTpwIhAJEciIkdDW1U9ptBGAXey1KW4e4GKoQZ9XGxjGDyt5UM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":401331,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe420YCRA9TVsSAnZWagAAzrgP/A47Kl0KFvxkC5+aHV7g\nURZEDPXtlK+Ln02uMxbGk2Pj6Q/sWfzq5U8GKk1afoINq9ieVo0Fkist7WO8\n8UgLBzY18C4np8y1sOVyAxv0RxDZCXU4JWtl55cWBkuds3BLyQLlj/ZaoJSk\n3+c5wVX+PEkPhg3FCppRdFjMmAu0u+RfvqkU34R1zppW2PtKCeq/YhoEGCLB\nYhojrVf1UBplXg43BlCx6CbXwvETP/CyQhBP+9mhDAwLn/Ebn6I6p2C5dmsh\nRfL/VNwvIQ49VR21VXez9nE0To9mmEEDqtHyyQaDkahtabGfcCx0qNd6kPCz\nztoqLFAuJrZSwsFrwlUtKlsMRKGU9gCsU3vcjP+3XXt4TBLeGdNo8kWsfrkq\nXnAwWQkEWTacf3Q64q9oE9QsdwqLmfbrmj9tOealMQhFZhom3lIQFZTPP2HF\nWwZZhRinh8foQpoITvv3GSUzDv8KQuTAzMq64mIdh3crcdO7o2clsPZbxHmZ\nvhQ7J2eCkU1K9ovvVKQFWmC8k42FmmS90IXldBDbUwbkFpxjKMFRlo22DqHT\nP/2jzxEgFDLBzfCwVPbQNSOU56d7dykNQ7INz81Tg8Bx9lWtODOQKT/jo32A\neYnAfRgc34sDJlWzdfpOz7B7XSGQ/mRru/jggTVxu4D9BUhX0FlFEADRikjk\nUPGh\r\n=bxnU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.4","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.16.2","dependencies":{"@bbc/gel-foundations":"^4.0.1","@bbc/psammead-styles":"^4.4.0"},"_hasShrinkwrap":false,"peerDependencies":{"styled-components":"^4.3.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_1.1.15_1591962903536_0.744061322041947","host":"s3://npm-registry-packages"}},"1.1.16":{"name":"@bbc/psammead-grid","version":"1.1.16","keywords":["bbc","grid","cssgrid","styled-components"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@1.1.16","maintainers":[{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"cps-jenkins","email":"platform-cps-prod-account@lists.forge.bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"e10146dbf4c94430429bb0aca7ddaf362df827ed","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-1.1.16.tgz","fileCount":15,"integrity":"sha512-0u9wO54nOcLwPRe2MPVUdYtCVzETJZjDZfPdQN4Qw4qFMw8+H65Fj/DxzYiL/N8pACAycgFda2zetURsn1SmQw==","signatures":[{"sig":"MEQCIF5NR2ZaEqXF3oXHegEtEFwCbGQcNex6Kuoy0wHrdsfJAiAFVUw42k86sKZY6DwGkHp3lr9hKtwc27sS89gH5zES+A==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":401446,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfDcymCRA9TVsSAnZWagAALCIP/RGGRPx+6avUdetZaVeS\nwoZEycH5rTAzCYFle1DSFCtONGMb6n05VYNdNqDeMhGRegxx6TYi30bEiAic\nUfb7XcNU0AvWPs1qSwZQgPd76uDkq+2mxwY/t5dMYuzKI4TfdMD/I3TKGn0s\nn8uCie3CDfytTyfzmeYy94gB6Sk2fLgh6jYc7IDVP3BOPrYNOJlp9D0WVVD6\nsndW9H37z5U/cdyY/cL6jjmDUwTMvlvTCwuwBcQwjIw5vbn28jgMjwnGZNeJ\nR18whgG5TVdlNSnqN8r68aRs531gAtGZ0t2i2xDhgn2sgw8S4jEX6b1tXesx\nAFpcGzu169+eYN0OUwkvuk2QRi/y2/WqhJN/9lqqI6Vjl3geKwpUlAIeEgoe\nOyTgG60PHicnpYf8MgExdO208qZpiLcb5TWG7cXCyctxgJFOwRJSr7+CXm4n\nytclz5JVISQUsu8KSQGVelFt4laFL+xjaHOWo/SCEdDms/fuy2hjTY6hr7x4\ndotSlDRtzHrI+GGnwELoNGZG7h+DhLA8aNggnC6PLAHpnIaCd31rCDQSyReN\nHrTkDvMB6maj/v+Fofg8mgd75QoF7yQhM3aP1+EWLGu0qSx+VUer8TFyYoGj\nMPo6k9qt61ZR4NwVVeSYSh62MLQ3PF8iskS2QpAo+mdGScUAB7AOnFK4Kr0r\n8IOu\r\n=CpYY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.4","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.16.2","dependencies":{"@bbc/gel-foundations":"^4.1.0","@bbc/psammead-styles":"^4.4.0"},"_hasShrinkwrap":false,"peerDependencies":{"styled-components":"^4.3.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_1.1.16_1594739878043_0.9745861868480425","host":"s3://npm-registry-packages"}},"1.1.17":{"name":"@bbc/psammead-grid","version":"1.1.17","keywords":["bbc","grid","cssgrid","styled-components"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@1.1.17","maintainers":[{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"cps-jenkins","email":"platform-cps-prod-account@lists.forge.bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"e618164f5534f2f2a699f98cc8c5b413f8bd22c1","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-1.1.17.tgz","fileCount":15,"integrity":"sha512-Q1tICejRWyrJ5OPzS5LV6cbidFfDO1Ki6OU2GyQTwx5vnPKHfwS0MTMEZGdmTAwHtfjSP8bsMqk9q2GWKoUCGg==","signatures":[{"sig":"MEUCIQDsRswiRbvhyz0E6hD0Bx+KaZWtuurfdwN1xoTh0xuU/QIgdvxiqiDDNY9XaWOWDFzl356m4Lppt8T9sBNuRQLnNkI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":401561,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfFvLtCRA9TVsSAnZWagAAA5wP+gOIrm7QVRCG2UBVvcct\nNF8CpzID7zB6ssGEQf3QfOOEFp8zbfk5UUXDLilWv5M0E+5ux4Md+FhVE3zy\n5eA8cmBjI5nH43l4dr3+c+a6ng5WAtDP/ccphS5hxpRYRrvgodnPJURRTX+9\nzal4ERDdAHYvjZujFlQaUw8FvycWEsWbjpfs/f2iYgPVcog8AKtm87KUgQdO\nlRmjCVQZH/bX8sEQlkTrjJUPszpmmtsYEi34fAQz4ISZ6yUxiRZjCpWY6P4M\nyqAD+i2utKfnV6o3hnnJgKryYLLg/ZKGu0YZW2lP+mmbE0xGV1gJFNtu0Q7g\nP3EwTnfH9LppdlU+2cxZAodJ13DEKx6xIdrAnGpEip+1T5FMfQLdhMV72SrD\nTL8YaH8kT+hjQbWzizrVfNATzO0SZxow8v82dmNgsNBlJSgVLQ+MSim4pv9R\nZCx/u2SpgHo5GUn5ekqFvzI+MbQ1aOUXmP40x6XBtQFt39lQ4ndZ7XKNyS5N\nTwcradNjWtA7J/z7JcCAkZi4s3STI1lO0i7uz7sZQVqr9wYCV1b1Cxxv8+kq\n+Ceq+YqbtlevJ7TzP4rcg/ot2J81P56Leis2QKLWLo7gW/18DQCv3JML2xyS\nPGs+tIJ+HuMBqI7heKM+QQrmrUToA3XknJDZY38xePs3URTj1WPkXX9dKmRz\n79c5\r\n=uy4b\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.4","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.16.2","dependencies":{"@bbc/gel-foundations":"^4.2.0","@bbc/psammead-styles":"^4.4.0"},"_hasShrinkwrap":false,"peerDependencies":{"styled-components":"^4.3.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_1.1.17_1595339501134_0.7483154453767844","host":"s3://npm-registry-packages"}},"1.1.18":{"name":"@bbc/psammead-grid","version":"1.1.18","keywords":["bbc","grid","cssgrid","styled-components"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@1.1.18","maintainers":[{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"cps-jenkins","email":"platform-cps-prod-account@lists.forge.bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"d6b83026dfa6760f85703e57f3f09cb4e8320215","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-1.1.18.tgz","fileCount":15,"integrity":"sha512-ixZ4Q8fHYpxB2WlxtgzRzrszIzPPn9vi9tNZzY4od1OaQz2BOwMZOOtmMy9EfBiPGY89EBtpSSB2c95/3mVEAA==","signatures":[{"sig":"MEUCID07EtltKpGtJw6sbs/RsFcTYtVJsL0ljLzIOkGZQh2lAiEAkZYbb/IC0BVbmTd96rnFmMIz9tmU2au2xRH1iWx3Uik=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":401676,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfSPbcCRA9TVsSAnZWagAAJXAP/iAPXcCw3Mk68Lwt6mt9\n4JH3zFkU8huKbWWdCP2xftxijwO4XKUwAhgGHlzogiXe/S3fY/7U5DOiXeC5\npncDMzCKyhbAKi/y9gsC12VfOdFQeHQzUXMAbSC8G9YPZwQRT1Uefgif4f+T\nzlKhwNWK71DHLrJ7OBP5sbuU9Kga5M062+VHh1QfBcbOU8I4zznGCjIl8HVF\nC4hOBSdRX0tpluhezbE1CdEA2pclVKcaqg2KyuOFa7SXMQEsUBN8l1NMvii8\noboI11oGp+9nRFHyikKydlCBCaH3D5NpEA2NalecogMm7WI5ocvWMjrAa9nD\nd6SA6etWAVxlZh39Cl9kejtuF1Qw53U4zAPFHek46w2ssMj1Uylxgjoj4eNQ\n4j+ETUvo7yBN/3go1Cwkxsf5nEjA+YwFJwC4LIfHy2CWdLUEJRJ9sZRowJZO\njtjJxUsdyWDrdw60B3TG3BzoVnL6aulRQ2IMqCIsBOXifxw7kGMqCPVhsgiK\n5+S2JLEt4roaaKKTu3tWrYk0bMe1cNK7UI4HvKUQz6PRBZY5WdK86aVtmy7L\niXjcGSzQ8NpPkOOnChqcqvAphCQJR4NJBYmvoLDslWi+/GpMj1oBgn0yamAh\nTTulc+DZQWjCticAw9IchR8PVze8uzuHjaCILJzCxQmkOK6mBImq2PoGmnuz\n8TVU\r\n=hPv/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.4","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.16.2","dependencies":{"@bbc/gel-foundations":"^4.2.0","@bbc/psammead-styles":"^4.4.2"},"_hasShrinkwrap":false,"peerDependencies":{"styled-components":"^4.3.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_1.1.18_1598617308312_0.6854067512298303","host":"s3://npm-registry-packages"}},"1.1.19":{"name":"@bbc/psammead-grid","version":"1.1.19","keywords":["bbc","grid","cssgrid","styled-components"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@1.1.19","maintainers":[{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"cps-jenkins","email":"platform-cps-prod-account@lists.forge.bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"4308ce444fb0c822860006a8c45d5b422fee34b0","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-1.1.19.tgz","fileCount":15,"integrity":"sha512-iX0kttlEkvleuSdFtar4vDv0c35ObCkK8VBqH5tWBYEOebARx9Zol7hTcCtZby1XyohQcDCWkvk+NNu4wH5xAQ==","signatures":[{"sig":"MEYCIQDP1iOUwFG0tBScKTn9dLeaB81Q6h+v0njt3IeHo0MO3wIhAOAJLqCTkUjbH6yh25MHEzNp5wxS89btGy4fBHZv+/bh","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":401791,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfSQbJCRA9TVsSAnZWagAAguAQAInz5V78t76kVNOcR5Vg\ny1zKuH0gOyHHUNtW/RtnLAMbGKzIjLlPIM/OtRUyhBeXAcPQ9pq0wlbdFS1H\nslYB8DMaNt4roy6lvUD4rdveTBZPc9QqzDv1D1qK928eLoNm26LX4emKyf2e\nWn5yvVK8/+jf8myBRxcK/9nJ9VD0Yn4VHWmKobs0ebdFHQEaJP9+oQWowtxn\nhsqlqG6vXcjMetNamMMdhpKir7bZG/plWST2LZQkAZlXPWKWcDVMnvMRcHlc\n8x3fQP+hHNe8kRNFjrKJM2wSqgCfRXxGgpPRz33icf7JkxUx2QhIcmBRmWdA\nRuzXeggj5MvPcaQ5ACkgLHb7vw1om6bnuzHzygjNtlz7z2mwsmbFaUUPRvFX\nS74IuNF+4M0qS+8Rsd+3yD0n41ObAzgulEGP8oJxnxXbUDlH0aumhBVZET3D\nS2Q+ULTeFu1wF1RjNEEHlDuiqdD4HRXqjVJvDd043LURGodWgWG/Jyrx9+0Z\nZwmvdkEKq6+wg4KSzIWJR5IpVifnieYidux4w839urIUDzd2D3pml6eg7Zdm\nFilBr0Sc2Jik3ESWYPDbECIUyB8ASHVNRpIQpoIXj7XbUPSKxharEoxr+Pc3\nmRf8QVbhwTuKetIlFA0Ait0Ul3p6lXnAEo57w3UC2N8fAGMEDRQcc3LuHKaD\nLQ39\r\n=ekrk\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.4","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.16.2","dependencies":{"@bbc/gel-foundations":"^4.2.0","@bbc/psammead-styles":"^4.4.3"},"_hasShrinkwrap":false,"peerDependencies":{"styled-components":"^4.3.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_1.1.19_1598621384043_0.4350471980054962","host":"s3://npm-registry-packages"}},"1.1.20":{"name":"@bbc/psammead-grid","version":"1.1.20","keywords":["bbc","grid","cssgrid","styled-components"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@1.1.20","maintainers":[{"name":"icat-readonly","email":"icatteam@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"8cd5b42d60fb9a2a189b569b46f0653d41110ad5","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-1.1.20.tgz","fileCount":15,"integrity":"sha512-YymMULjAN+MNlveJ1nwgj3QU/JbLmjptUMi8BCjMFK8aCGq6PlobnCvENQxMziW/7twYOvg2b2aj80JtUx8SUA==","signatures":[{"sig":"MEYCIQDIR1F29n+fhfjfuiID5V5mOSg4sBhjEt3u84kq4zWkGQIhAPZLQlQ9jqHPCbvtqHzf44qZzMExMivOI0aeROO9IiSF","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":401906,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfccD2CRA9TVsSAnZWagAAh5QP/i4+reOblCpRj91zNnWo\nDFrQEVq7e5TXamSopkeh4fpeQmjaSLjsHW1cF2Lwnc9mW40DGztHuSQck8fT\nprMTfOhZcxLy0gDxq2/C0wSXdrmRM59qBebaWBn/2DC+41+D1YiuKFdHaT01\nOz+WZtlFt4Dcvbi0VnA5UJzpVLoOQWyh9WkMxgoSZOO9PIyiXHXrHanSzyfx\nlE1lz9cRnIGjKPncjFxXcDLUMA7Sx9A8fV2Q4eF6FEwUPZcgLZzBFLFrjfvR\n6tHtKPZalxuDO0hz9yuP7rxNeG7y7cnYC/IUf189cWnd3/DiqMskopqR05cN\n1ehjPxkvSn2g7LCn2wWS5b8eVBxXYQalndHqsDlyPFqU8VUYO2J2B0CvhpRY\na6dxPq/KutZt59RrcqSeSahPsfM9ognSxy6goRS045lg0rwrISrq7BZoFc8C\nIekYHMOnNUZn/oNhgzNGmxnLY5ZlUKbvLQsIMceJnFc90kqGfe/zkLRhn36t\nnLX5EqzMHe1ekLkHOtaavk13FFEzaGIbC+edlZSrsc8HcRRhzzVLH5lLhRUo\nJW6nZDTXJ2B8Sn+ENEcoxNuvI24hlCetljL/7sXP+sRXYZEaIEmpawiaE877\nRNibmymVPU2RwXpH2oVZbeGUvoMct70xEQ7YiLTyeeIYcrmov8uKQi4fZFmU\nm5IR\r\n=chp6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.8","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.18.4","dependencies":{"@bbc/gel-foundations":"^4.3.0","@bbc/psammead-styles":"^4.4.3"},"_hasShrinkwrap":false,"peerDependencies":{"styled-components":"^4.3.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_1.1.20_1601290486274_0.17101064030155988","host":"s3://npm-registry-packages"}},"1.1.21":{"name":"@bbc/psammead-grid","version":"1.1.21","keywords":["bbc","grid","cssgrid","styled-components"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@1.1.21","maintainers":[{"name":"icat-readonly","email":"icatteam@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"651e9937a49e69361c8d7fc756a509731c237772","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-1.1.21.tgz","fileCount":15,"integrity":"sha512-c23ePcha/fWc1NQGOCl5WsQ0cX+0BnokZrQmI8Qh6zkD6svO1Vea1cvEyXhSZHmNtJ6oyp6IMtON2ksW3Prpig==","signatures":[{"sig":"MEQCIAYUHsQDqYesnNpedFeb4SBAPQwPqonmk6qm61iqRuIRAiB1foSeuUKpP7GJxWxJSCzLrixcT0w2OhCxPpWxJISRVw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":402021,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfddqJCRA9TVsSAnZWagAAVtAP/0Ncuj3NGlJ0xXQpkUEV\n4DqBaIHXyjR4AZ2GPtjzDmr9jBsWhPOEfsEXWsmmjZ6Yr9yw6EXXJ2yCsgbY\nlslTo0o2rL7jXqLKVwsHMEsm2yFhssHPG8VLhP65XU6DmVuiNq0hbfZ0/MEQ\n8niOA96MGMMPQJlymrow4xDnA5xfG+4YEKf3Dnot0LqNwwvRtsyD2ulyDbib\nqZgVFx7IUCJ14yrhGDNR+rNrTI8QZ8HdJjegfkt2U17fJgK1/AX848zV8rNz\nJF9CoskXbZuwPuNa60rmYdhhXdS9RfxwkYWoM3QSe01n0+R3oD5azidriW2M\n7jigh0kOIsCRC/CmkmFDmHjQIf3fe10bXQisVLQSgs0E9YVf3BzO2iojgZNO\nNosfWj9MP9WBV76gs1/z26Li8dXAF/oTRCPZLf/BbtF+xZ/nyx5K7oNgvmUt\nvCd8Ah4X6h20Im2l8P/coSvOJ4FzHgAgk4XS+4o3Sg+zLOY+K9Sz96ba0wBv\nA+iUVo8aCNJvG8uGnf8x8FszMBfypxbe0iViU90v/vqdqmp3FAllypCYPyPD\n4CBaih8CM+S8qXxId25YhFahnisTjjf4anAaOxXlh+u33/PeD2I7uxo+a+R2\nc+Lx2v4V0YIjL0iWVd4k10RJkUm9N62xNaRCFHttUteQb0RqHMZQNb+sOoLE\nGVNM\r\n=L9um\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.8","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.18.4","dependencies":{"@bbc/gel-foundations":"^4.3.0","@bbc/psammead-styles":"^4.5.0"},"_hasShrinkwrap":false,"peerDependencies":{"styled-components":"^4.3.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_1.1.21_1601559176691_0.8549961725353408","host":"s3://npm-registry-packages"}},"1.1.22":{"name":"@bbc/psammead-grid","version":"1.1.22","keywords":["bbc","grid","cssgrid","styled-components"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@1.1.22","maintainers":[{"name":"icat-readonly","email":"icatteam@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"dce3d4b3e19ed8cb5d2dd64b488e5bb2d2b792fb","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-1.1.22.tgz","fileCount":15,"integrity":"sha512-VQ2GJlLwBMrZuMQq9XX4ju8czeFN7FGI5WBRRGUDWUNTd+tMfQuc+tpjfdBX+opW8tVZdjnlCw1ruff1prym0g==","signatures":[{"sig":"MEYCIQDuRBdGl4jFRjBGTOGdYs3LIRvHJcauoI81nDrf+soMNAIhAI0WCHmFYZ0vxvExFLH4Tp2h4LANkdEpK4Zr9Fz3a/c2","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":402140,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfdyH0CRA9TVsSAnZWagAAq0wP/0Rur6+7uysfVNZhkcX/\nDQjsSFz0QDTrujGeCEDytkZhtQqqPWChEA+FkLeZ/9BBsFb+yhsNgupTjv0o\nrRwQG7nHHDv97zOW/vjq0LLok9P/5UOrsFWAuP+cDRlN+J48hjvm9M9LHzvm\nv/dAodtASD1Dhad6f8eqA2CQceLYVEAjxaJEX42tNBlwvlMKKOxPjZ+uPKaB\nb9R0qjb+EjSyBpXMbgaCxm2rEA2wlPdajXIPfiGwX6/TNSiaE7JmvkUKAviO\nlnXLbKlKUOnFN2gCWK1zhGTOSheh+8SxE+/AwI266xRwzMh7FR1ZKxcjHpqd\nFCiuFqZ1W7p+fzgsGhcFWDSi6oMOr3+P7ErdVUFqcJOzgx6KdeQuxoPhTndy\n22O/T0rwjvYykIYXBE6QtEckKgpmaWd5FLBUvpJxGaP9meawhMstEQBQAVNJ\nQEZ0XrweLw8HKmupGAZHL/NI428RTKiDQV14zNWRsYJxpN2usp3CRq5f1BH5\nkFN8e4BYa3/codrhn3GAaHOoS5SvUe9pj4mWAIhwKXm2dnMtpq141+1Pv6m9\nNTq1vGgfe4f5bqbuCXcR0MYPllthS6tWUWWZdnig4XFeZDvy6/N6kDSpDT+3\nzra5J8TlTx6f4kxYZ7NDqTY471sxVIZ1eCverHDmdG+ZZUodnij2UE/zggdA\nx89E\r\n=LiSA\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.8","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.18.4","dependencies":{"@bbc/gel-foundations":"^4.3.0","@bbc/psammead-styles":"^4.5.0"},"_hasShrinkwrap":false,"peerDependencies":{"styled-components":"^4.3.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_1.1.22_1601642995651_0.46553886598578265","host":"s3://npm-registry-packages"}},"1.1.23":{"name":"@bbc/psammead-grid","version":"1.1.23","keywords":["bbc","grid","cssgrid","styled-components"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@1.1.23","maintainers":[{"name":"icat-readonly","email":"icatteam@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"ad9bb9e232212b7c3c6087d4f42b1ae44dabb507","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-1.1.23.tgz","fileCount":15,"integrity":"sha512-urMWDO6T6nKWBK/LbjnNsuOhspT8sh9EkCrwgp4fKAqE2a2LfkB1/kUBqQicWbPB5dCkyEFE3B8dFNgwXz0qgA==","signatures":[{"sig":"MEUCIBFLg3cqxz6+54ey7xTBw3rqgT2M43zxyb7JRoJRSXaMAiEAqHmN6BrGSqDY5I7/Is9g+zpoCAh5YeYaB3dJVqnx7Jw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":402232,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfe0YMCRA9TVsSAnZWagAAY48P/RpHcgVdzTnt9/3ql0zH\nrcej7Ac85xdMctgioXIZaA6bE403AT+9qTPgaie6taMkomDImTl1cQ1a3iKJ\nI++iI1/ubP3QSROtvfSq85W887ohUPw8fxDOLcZssZLA5TxFKv+a97N/TLiK\n6HaC8xL82GaZDBRGsoC7xPhG7hYpsgcU5VBjEoWZEPXEnyZYC68EB2MAdLN2\ntSv7v8RS6cWrDhDRPIgAswBNjJg0oiMZO5KwfjxcNCiOVHfFnabspBUZ2YDq\nNAVQtaMTe3JQkQkSjUqiZca2IOIzQwKq3qtiOuLEghwXZN97Z5+ZHlFmDGbd\n2KnV3pMjMhsNIYOQyBg416fxDnYcHjGPdHY2o+L+hyJseYoIhKF1uxFmPXGX\nmvz3rngm6ia2X9+hDpSWizseEe9TUgbYyb5d89uDysmJqcYfqppC+0A44hub\nBV8Kwfqi4atU3ihKK5t7Aw3tDpK17SiNjm0hGVqOqrJvITCzOBO2vyroAYOi\n8EcPCbkoUJ+22Mey8j2RQJxu6oRUR6g5Sw9Q3X0P84vtLysuMAXNb5b/peR1\nmjs3ne8Tpyd7/Lr4NjdJp+hJbDROeUraEYx1rHc6fgQbpCS3oIQoctQ3aRB1\nZq7YVbrdbHny4d3l3Ruv0gLnX6eAmBO66eOguqOKJDjaQSxdqlRKyhGSSlmu\nJsY5\r\n=MI9t\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.8","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.18.4","dependencies":{"@bbc/gel-foundations":"^4.3.0","@bbc/psammead-styles":"^4.5.1"},"_hasShrinkwrap":false,"peerDependencies":{"styled-components":"^4.3.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_1.1.23_1601914379990_0.6867096185830519","host":"s3://npm-registry-packages"}},"1.1.24":{"name":"@bbc/psammead-grid","version":"1.1.24","keywords":["bbc","grid","cssgrid","styled-components"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@1.1.24","maintainers":[{"name":"icat-readonly","email":"icatteam@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"e4988f18410a3b758df16d12acaaa9af745ec173","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-1.1.24.tgz","fileCount":15,"integrity":"sha512-UfDhumn2cSwX8Q56TogMWpO1Z5UgLHHvPDSbOwhlkXDjgIujzKXgY1qoq0N7e744Egg1QgFkJhYVdnjPgvZNdA==","signatures":[{"sig":"MEQCIHhNC1sfIu296oMRuI+DnBANKQnmmw+EC9JIM0yPN9skAiAwfx/wltfEoBJUonjydvL/o6lUq56juuMcStQWLgEa+w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":402347,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJffwieCRA9TVsSAnZWagAARHIQAIKbJUSDZSXLNCadouMc\nqbI8E2BRJzirfPqdpQ/KqDCMxjF470xSi4UsUcFZvQb4UumyBmM1gRyCBe6F\nwVmDMWQ8Y2lUeaF0lz6HgNslghwUgdGn42DDEkSddIO4A8RDntHl0VjteTCr\nXQGtxiGY7iGbecJ+wNKCc5xTozoIgackgpvSC3jzt1p0yWcRo8WqR5OfP6fY\niEe/7amwo1SN5r4V1Tm4b3CD/eqlXBDucoFdzaV0WCZiLvHRfwYwvwzoZGo5\nMMDEw9v5V5SbT2E84VaaT4DqWzi09CZI+CIITBxaMkalYEnCloVsIKhnmZSa\nJp1KR/brlAPpuKSxbgaoHUlRgZLPF7nlCPTygyScj+6tJKPAb6IFZOn/3rx1\nwV4s4gQ6C32g2vzSz9XMY3+W1ad0ibvV2EkBbsdBCqzh3ni5rcMzCQVk9ftl\nWbCZTM/MSllfrlK1Xbw46IlB8hMi0doq6c+E7SdP/n9kkr7RYfK/xTB/oCzE\nWDxrK4xExIEyM4sIiXDXx0mMo/dllodY3J8DzyBaclrnf9GiOKdWxF76kmQt\nH7mGF9dcBT43qkizLTqrLJDhhII5J6cR8XzRolaYQwFyy7gZOqBNhd9TIFyG\nLBzr7zeUI9v5VMWYFYw3jjLxMeNlo869H7x7mI+d39gJfpvedrUcDEbj3lTo\nbDN6\r\n=IOP1\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.8","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.18.4","dependencies":{"@bbc/gel-foundations":"^4.3.0","@bbc/psammead-styles":"^5.0.0"},"_hasShrinkwrap":false,"peerDependencies":{"styled-components":"^4.3.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_1.1.24_1602160798084_0.2529446783361782","host":"s3://npm-registry-packages"}},"2.0.0-alpha.0":{"name":"@bbc/psammead-grid","version":"2.0.0-alpha.0","keywords":["bbc","grid","cssgrid","styled-components"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@2.0.0-alpha.0","maintainers":[{"name":"icat-readonly","email":"icatteam@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"7b2670be7d0ae05332ded56bbde921cab8a86a7f","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-2.0.0-alpha.0.tgz","fileCount":15,"integrity":"sha512-LcTuai69PLQwLPTvCMY8nFGlBuxjtLzKp2Ja/AXmZJloV00Gl4W3GAeYg1XWKXQMge2X1sc8UdsAE5N6dlAQgQ==","signatures":[{"sig":"MEUCIAdNAnPpCoUyCc2rqOpdUpzwkDLUCf4Ce3ym9s9K531PAiEAxGHiWedb8Kto73Sf4uJW9pNXiNlfA7Vz64RC92Js9JE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":402535,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfgFQACRA9TVsSAnZWagAAVqkP/19m+C7PYMWcQZKwgq9q\n7FLMQPO1hh0jrFrM7+szifYpDcZSJmdTWLy2tj9YCrcjrfOy0rD6Zf/C+FOl\n+YVOk8nUYuW4eUxe33GyGq5waAaxp/3Os8dU7nvNjx+dlgFFvDPka47FKu/C\nemOAt+M94tiKoFldiUGOAAPNqmR11M9FcYnWgtdZJIu51NSjqeRpYKpX8t/N\ncnIOksOo7UcyjNK5c2swTB8/yfhqn7XhQbW2Lm1G5GHZdB/wEITCc8i81ydH\nTl4CD1H7B7xvm5S+E1ND0C6fR4LBaBMaVxzNjbpcLdfwdPDRrAhCsMYS1sIC\nEyP/YsjXx7nyAl9o8efJ5slW4N9kEYqD/mn/51tAQDAbThQk9Hdkc3mqD3Io\nC4LPjJYmv8qRCFpuQGqlLWccVUkzyIkcN4sZgeXM+Se1dD0cMHLyeC6KODPc\nn0xz6Vs5vS8kwz/uJaPdWEGPyshiQGXw/nTM3d60tQVNLXhG801v82NH+a4l\nniDZRvAj7ttxW4ERzkQgYBaxS/TlKtGMtCQocF2inO+2FDPIWT/yy+KaOh0O\nOoA/iz/ohcPT2Mz4IbOmRluf0OhUflbrwcZQRxop+/SWmXX/JYoe83ps/2zX\nCo7PCL9tWedPJ0y+0ALRiv+WImCZzK3wI3F9Ifpsw0WpOG86ij9FxiX1NnHz\nU4gK\r\n=hxQ5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","readme":"<!-- prettier-ignore -->\n# psammead-grid - [![Known Vulnerabilities](https://snyk.io/test/github/bbc/psammead/badge.svg?targetFile=packages%2Fcomponents%2Fpsammead-grid%2Fpackage.json)](https://snyk.io/test/github/bbc/psammead?targetFile=packages%2Fcomponents%2Fpsammead-grid%2Fpackage.json) [![Dependency Status](https://david-dm.org/bbc/psammead.svg?path=packages/components/psammead-grid)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-grid) [![peerDependencies Status](https://david-dm.org/bbc/psammead/peer-status.svg?path=packages/components/psammead-grid)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-grid&type=peer) [![Storybook](https://raw.githubusercontent.com/storybooks/brand/master/badge/badge-storybook.svg?sanitize=true)](https://bbc.github.io/psammead/?path=/story/grid--default) [![GitHub license](https://img.shields.io/badge/license-Apache%202.0-blue.svg)](https://github.com/bbc/psammead/blob/latest/LICENSE) [![npm version](https://img.shields.io/npm/v/@bbc/psammead-grid.svg)](https://www.npmjs.com/package/@bbc/psammead-grid) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/bbc/psammead/blob/latest/CONTRIBUTING.md)\n\n## Description\n\nPsammead Grid is a component that you can use to set out column-based layouts using CSS Grid. It is set up to follow the standard [GEL groups for breakpoints](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes) and you can toggle on the GEL margins, gutters and fixed widths, in accordance with the GEL grid guidelines if you are using it for page layouts.\n\n## Installation\n\n`npm install @bbc/psammead-grid`\n\n## Props\n\n<!-- prettier-ignore -->\n| Argument | Type | Required | Default | Example |\n| -------- | ---- | -------- | ------- | ------- |\n| columns | object | yes | N/A | `{ group0: 6, group1: 6, group2: 6, group3: 6, group4: 8, group5: 20 }` |\n| startOffset | object | no | Sets all values as 1 for each of the groups defined in `columns` | `{ group0: 1, group1: 1, group2: 1, group3: 1, group4: 2, group5: 5 }` |\n| item | boolean | no | false | true |\n| enableGelGutters | boolean | no | false | `enableGelGutter` |\n| margins | object | no | `{ group0: false, group1: false, group2: false, group3: false, group4: false, group5: false }` | `{ group0: true, group1: true, group2: true, group3: true }` |\n| parentColumns | object | no | null | `columns: { group0: 6, group1: 6, group2: 3, group3: 3, group4: 4, group5: 4}` |\n| parentEnableGelGutters | boolean | no | false | true |\n| dir | string | no | `'ltr'` | `'rtl'` |\n\n- When should I use the `columns` prop?\n  - This should always be defined.\n  - All columns groups `group0` through `group5` should be provided.\n  - For a `<Grid>` element, it's the number of columns the grid has, and the number of columns it should span.\n  - For a `<Grid item>` element, it's the number of columns it should span.\n- When should I use the `item` prop?\n  - The `item` prop should be used on a `<Grid>` that is a direct child of another `<Grid>`. Using the `columns` prop's values you can choose how many columns to span at each breakpoint.\n  - It can and should be used whenever you're defining a new grid item - something that you want to span a set number of columns at a breakpoint.\n\n```jsx\n<Grid\n  columns={{ group0: 6, group1: 6, group2: 6, group3: 6, group4: 6, group5: 6 }}\n>\n  <Grid\n    item\n    columns={{\n      group0: 1,\n      group1: 1,\n      group2: 1,\n      group3: 1,\n      group4: 1,\n      group5: 1,\n    }}\n  >\n    This spans 1 out of 6 columns for all widths\n  </Grid>\n  <Grid\n    item\n    columns={{\n      group0: 5,\n      group1: 5,\n      group2: 5,\n      group3: 5,\n      group4: 5,\n      group5: 5,\n    }}\n  >\n    This spans 5 out of 6 columns for all widths\n  </Grid>\n</Grid>\n```\n\n- When should I use the `startOffset` prop?\n  - `startOffset` is an object structured just like the `columns` prop. You can set it on a nested `Grid` or `<Grid item>` element to start it at a column other than the first one. It should not be added to the outer `Grid` as it won’t be working as expected unless its immediate parent has a `display: grid`.\n  - If you don't pass it in, the offset value defaults to 1, the start of the grid.\n- Why is there no vertical spacing on the grid?\n  - The Grid implementation only has gutters/margins for columns, [according to the GEL specification](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes). This is to allow flexibility for a variety of spacing. To add vertical spacing, you should add padding/margin/top/bottom to the contents.\n- When should I use the `parentColumns` prop?\n  - `parentColumns` is an object structured just like the `columns` prop. This prop explicitly passes the parent grid's columns configuration into a child `<Grid>` element. [See example.](https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid#parentcolumns-prop)\n- When should I use the `parentEnableGelGutters` prop?\n  - `parentEnableGelGutters` is a boolean value that defines whether gutters have been enabled on the parent grid. [See example.](https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid#parentcolumns-prop)\n  - This props should only be passed to child grid that are not rendered direct inside of the parent grid.\n\n## Usage\n\nWe use the GEL Grid for our breakpoints, as well as for our standard gutters and margins. [The values are defined here in the GEL Grid documentation](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes).\n\nWhen we refer to `group3` in this component, we're referring to the breakpoint with a minimum width `GEL_GROUP_3_SCREEN_WIDTH_MIN` & a maximum width `GEL_GROUP_3_SCREEN_WIDTH_MAX`. These values are defined within [`@bbc/gel-foundations/breakpoints`](https://github.com/bbc/psammead/blob/latest/packages/utilities/gel-foundations/src/breakpoints.js).\n\nWhen using one of the extended Grid components, if you wish to extend it using the `as` prop, you'll need to use `forwardedAs`. This prop enables you to pass down the element down further than one level.\n\n#### <a name=\"simple-example\">Simple example</a>\n\nHere is an example of a `<Grid>` that has 8 columns for `group4` (from 1008px to 1279px). It has four child `<Grid item>` elements, one which spans 6/8 columns and three others which spans 2/8 columns within this breakpoint.\n\n```jsx\nimport Grid from '@bbc/psammead-grid';\n\nconst MyComponent = () => (\n  <Grid\n    columns={{\n      group0: 8,\n      group1: 8,\n      group2: 8,\n      group3: 8,\n      group4: 8,\n      group5: 8,\n    }}\n  >\n    <Grid\n      item\n      columns={{\n        group0: 6,\n        group1: 6,\n        group2: 6,\n        group3: 6,\n        group4: 6,\n        group5: 6,\n      }}\n    >\n      <p>Item 1 - Paragraph that spans 6 out of 8 columns through group4</p>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 2,\n        group2: 2,\n        group3: 2,\n        group4: 2,\n        group5: 2,\n      }}\n    >\n      <p>Item 2 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 2,\n        group2: 2,\n        group3: 2,\n        group4: 2,\n        group5: 2,\n      }}\n    >\n      <p>Item 3 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 2,\n        group2: 2,\n        group3: 2,\n        group4: 2,\n        group5: 2,\n      }}\n    >\n      <p>Item 4 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n  </Grid>\n);\n```\n\nImage of this example when viewed at within `group4` (from 1008px to 1279px). When you look at this example at any other breakpoint, each of the four items fill up the full width of the row.\n![8 column grid with items 6 2 2 2 with labels](documentation/8-column-grid-with-items-6-2-2-2-with-labels.png)\n\n#### <a name=\"gutters-margins\">Setting standard GEL gutters and GEL Margins</a>\n\nUsing `enableGelGutters` on the `Grid` element. Note: this should _not_ be added to a `<Grid item>` element!\nUsage of `margins` can be on either `<Grid>` or `<Grid item>`.\n\n```jsx\nimport Grid from '@bbc/psammead-grid';\n\nconst MyComponent = () => (\n  <Grid\n    enableGelGutters\n    columns={{\n      group0: 2,\n      group1: 4,\n      group2: 4,\n      group3: 6,\n      group4: 8,\n      group5: 12,\n    }}\n    margins={{\n      group0: true,\n      group1: true,\n      group2: true,\n      group3: true,\n      group4: true,\n      group5: true,\n    }}\n  >\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 4,\n        group2: 4,\n        group3: 6,\n        group4: 6,\n        group5: 12,\n      }}\n    >\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 6/8 columns\n      </p>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 4,\n        group2: 4,\n        group3: 6,\n        group4: 2,\n        group5: 12,\n      }}\n    >\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 2/8 columns\n      </p>\n    </Grid>\n  </Grid>\n);\n```\n\nScreenshot of this example with GEL Gutters and GEL Margins enabled\n![Screenshot of this example with GEL Gutters and GEL Margins enabled](documentation/Screenshot-example-with-gelMargins-and-gelGutters.png)\n\nScreenshot of this example without GEL Gutters and GEL Margins\n![Screenshot of this example without GEL Gutters and GEL Margins](documentation/Screenshot-example-without-gelMargins-and-gelGutters.png)\n\n#### <a name=\"nested-grid\">Nested grid example</a>\n\nNote that here, any time you use `<Grid>` that generates a new grid. The total number of columns at each breakpoint is set via the `columns` prop. Then to define how many columns the child `<Grid item >` should span, you can use the `columns` prop on the `<Grid item>`.\n\nHere we have no margins on the Grid item around the Image, but there is on the Paragraph items.\n\n```jsx\nimport Grid from '@bbc/psammead-grid';\n\nconst MyComponent = () => (\n  <Grid\n    columns={{\n      group0: 6,\n      group1: 6,\n      group2: 6,\n      group3: 6,\n      group4: 6,\n      group5: 6,\n    }}\n  >\n    <Grid\n      columns={{\n        group0: 6,\n        group1: 6,\n        group2: 6,\n        group3: 6,\n        group4: 6,\n        group5: 6,\n      }}\n    >\n      <Grid\n        item\n        columns={{\n          group0: 6,\n          group1: 6,\n          group2: 6,\n          group3: 3,\n          group4: 3,\n          group5: 3,\n        }}\n      >\n        <ExampleImage />\n      </Grid>\n      <Grid\n        item\n        columns={{\n          group0: 6,\n          group1: 6,\n          group2: 6,\n          group3: 3,\n          group4: 3,\n          group5: 3,\n        }}\n      >\n        <ExampleParagraph />\n      </Grid>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 2,\n        group2: 2,\n        group3: 2,\n        group4: 2,\n        group5: 2,\n      }}\n    >\n      <ExampleImage />\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 4,\n        group1: 4,\n        group2: 4,\n        group3: 4,\n        group4: 4,\n        group5: 4,\n      }}\n    >\n      <ExampleParagraph />\n    </Grid>\n  </Grid>\n);\n```\n\n#### <a name=\"parentcolumns-prop\">Child grid using parentColumns and parentEnableGelGutters props</a>\n\nNote that, any time you render a child `<Grid>` outside of the parent grid, the parent's columns and gutters configuration is not automagically passed to the child. This causes the layout to break in browsers that do not support css grid. To ensure the configuration is passed correctly, you need to explicitly pass in these props.\n\n```jsx\nimport Grid from '@bbc/psammead-grid';\n\nconst parentProps = {\n  enableGelGutters: true,\n  columns: {\n    group0: 6,\n    group1: 6,\n    group2: 6,\n    group3: 6,\n    group4: 6,\n    group5: 6,\n  },\n};\n\nconst childProps = {\n  columns: {\n    group0: 6,\n    group1: 6,\n    group2: 6,\n    group3: 6,\n    group4: 6,\n    group5: 6,\n  },\n};\n\nconst renderChildGrid = () => (\n  <Grid\n    parentEnableGelGutters={parentProps.enableGelGutters}\n    parentColumns={parentProps.columns}\n    {...childProps}\n  >\n    <ExampleParagraph />\n  </Grid>\n);\n\nconst MyComponent = () => (\n  <Grid {...parentProps}>\n    {renderChildGrid()}\n  </Grid>\n);\n```\n\n### When to use this component\n\nThis `Grid` component can be used for page-level layouts as well as for layouts of individual components. You can nest Grids within one another for more complex layouts. Please see the Storybook Stories for examples.\n\n### Frequenty Asked Questions\n\n- When should I use the `item` prop?\n  - The `item` prop should be used on a child Grid element, that is a direct child of a `<Grid>`. Using the `columns` prop's values you can choose how many columns to span at each breakpoint.\n  - It can and should be used whenever you're defining a new grid item - something that you want to span a set number of columns at a breakpoint.\n- When should I use the `columns` prop?\n  - This should always be defined.\n  - For a `<Grid>` element, it's the number of columns the grid has.\n  - For a `<Grid item>` element, it's the number of columns it should span.\n- When should I use the `startOffset` prop?\n  - `startOffset` is an object just like the `columns` prop. You can set it on a Grid child element to start it at a column other than the first one.\n  - If you don't pass it in, the value defaults to 1, the start of the grid.\n- Why is there no vertical spacing on the grid?\n  - The Grid implementation only has gutters/margins for columns, [according to the GEL specification](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes). This is to allow flexibility for a variety of spacing. To add vertical spacing, you should add padding/margin/top/bottom to the contents.\n\n<!-- ### When not to use this component -->\n\n### Accessibility notes\n\nThe `<Grid>` component is semantically a `div` element.\n\n<!-- ## Roadmap -->\n\n## Contributing\n\nPsammead is completely open source. We are grateful for any contributions, whether they be new components, bug fixes or general improvements. Please see our primary contributing guide which can be found at [the root of the Psammead respository](https://github.com/bbc/psammead/blob/latest/CONTRIBUTING.md).\n\n### [Code of Conduct](https://github.com/bbc/psammead/blob/latest/CODE_OF_CONDUCT.md)\n\nWe welcome feedback and help on this work. By participating in this project, you agree to abide by the [code of conduct](https://github.com/bbc/psammead/blob/latest/CODE_OF_CONDUCT.md). Please take a moment to read it.\n\n### License\n\nPsammead is [Apache 2.0 licensed](https://github.com/bbc/psammead/blob/latest/LICENSE).\n","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.8","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.18.4","dependencies":{"@bbc/gel-foundations":"^4.3.0","@bbc/psammead-styles":"^5.0.1-alpha.0"},"publishConfig":{"tag":"alpha"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"styled-components":"^4.3.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_2.0.0-alpha.0_1602245631920_0.27466647015194856","host":"s3://npm-registry-packages"}},"2.0.1":{"name":"@bbc/psammead-grid","version":"2.0.1","keywords":["bbc","grid","cssgrid","styled-components"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@2.0.1","maintainers":[{"name":"icat-readonly","email":"icatteam@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"6ad689a5766bf599f385ed3de6f2d038099bf13b","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-2.0.1.tgz","fileCount":15,"integrity":"sha512-kGvdVEdcuxOX2utYH3KUkHuabE9Wef+Ln0DMVzcODEqDV38o6ggMnSyhEOx4XmZrkZbxdaLrQr0wo+xfiioIxA==","signatures":[{"sig":"MEYCIQDt67XMwSTWbflxBo6y2SAjeUmiZwKKqgfdE33Bw8V0ZQIhANLi26SsmYelNCvrb7dd8/5PZjCcwLSTlZ1fbpccy+Hy","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":402588,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfhZz6CRA9TVsSAnZWagAAWHQQAJvyWM8epudV4OhgS6IP\nM0uQX4aMlv43MN7zEWf08RM6RVrWv6SizMMMyOH5ZUgSYDn3ep67k/O/lXpH\n+lzN0ag7LkIamXyJMDooW4X9QaOTgozU9E3Qys0b4P6uhtASJlEgyBAf0m7D\nOUrJ6v8USZ2IBPoL3ySJ260c4JxdGaZGYFJg9ZgT0SEfw9KSF27yuq1fswzR\nzUTeos3jM2x71RVS8NE5FP2ZB4WUHdsKki0XCtjRvqT9xki8coOjeuj3y+f8\nEpukTPUIhGqTSFfYB44GB74OVGMmqNQNEsBoKWX3B6BGolQq7cq6oQ0MQUBW\ny2wL/BAVB1WrA7JGHA3sM94KOgtO6TxFefAIlanT6oOYO4oXfyRLi/+LHGVY\nCbArBb4YEkoG/CHxGmZGOENg3fqwPJmZ9B/hUv+/k5Bo5vevyldLpa6nRAjK\nxYX4c+jHgFAkOrsdNwp/fXmDaYkcYdE4c8AsXPobM7BWlDGPQdGdRbwWUVu3\nL7XW8fSBF4uxMxi19+Z5lxCXPhPLiAq7S59uhEN1u/2lAFq8W/nU2L7UXQ82\npoK7GgvWg9D8FlID5gv6qQPDdbkm2mZfVDY4khqVVf+RQeTJVGm4g6PQ+CNe\n3xIFbiNwg0qHcv27AX7CV82Ow7CFpHOoQsPAEc7MEuc3PE5oWp5F+dmvHEoO\n86Xl\r\n=q2xP\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.8","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.18.4","dependencies":{"@bbc/gel-foundations":"^4.3.0","@bbc/psammead-styles":"^5.0.2"},"_hasShrinkwrap":false,"peerDependencies":{"styled-components":"^4.3.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_2.0.1_1602591994121_0.5056291991258453","host":"s3://npm-registry-packages"}},"2.0.2":{"name":"@bbc/psammead-grid","version":"2.0.2","keywords":["bbc","grid","cssgrid","styled-components"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@2.0.2","maintainers":[{"name":"icat-readonly","email":"icatteam@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"fa979ace40351d3ef78ec52ca06d6b070a1951c8","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-2.0.2.tgz","fileCount":15,"integrity":"sha512-AcSBnXLbKCkDGjWdya7A42ZPsb2A9RHVruGcuqFisQ7ShzTZlWSO1HV3phIHDToMbt/IWEHARVpNwccPfx0eJg==","signatures":[{"sig":"MEYCIQDe9XP/qj5KOnl5OTJCZU0wHJZXtL+OOtTiR/oVd6UUgwIhAOlK1NjS5WQIs4kVi5bwItlDKDHgzC36tC4CmZ3H/yqa","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":402702,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfhaABCRA9TVsSAnZWagAAZSIP+QFlsoakXCoDo7ycKa/9\nHtPuDHkhEpzk4mVG+dnwgh7qqzbvOSu+2km7iBbFtT5rpFTOFD5C5nIDLKQi\nVsxhXcLQnlbAZRaAxnbVt9auPV+pw0Nj0nvw6xgi1dtzNlwsxp4zOMIJFTiR\n4uIezcyEFj7V7bcxyFThjd5I0uwM7y/F5bh+PEHBlnBtOtcjv90dDzlG4qQ0\nutER1URmB6ue1u8cDhYqvEy9BTES1qvFZPQ/hQg/8hBy46c7Gv5EolZfmDGk\nPWTFLhELdsvlKPzgiKyZ+vSmHIszKZytzaRXVQzp9bKyxQPXHjOj7KTMrDUR\n/Lxy+jkp+xNc4GCGd1RmOz46BN6iag7+a+sHhG5CPWfjGL2dFvKqUyhb/riu\nIdxIYRJkncx6nPBXJfiLbGlZ9u2IUJGy21liiRIAPhiP5+5BHBxQVRZwzAkb\nRdenyQgp1CSrlBCtupyFvp8u3HdPEfe1CAHnsqef1evxfMKN+DQO/MhBLuF0\nMjnBHz8vuTccm7SF++Wkglo6Vzlx8NT+fTANiUeiQRdDQ44TcJ96CUKuMByf\nbXULAu2x1Ryi4Tbq3N7G9iv+r+RIQCSyOJY0Dit4AUL6PW5kpCb7OCshFICi\n82crKBlDn/4u/ResXerdveF9FjaRsJ9TjRujSu8saGSiGiXugU9r+YzMbYQJ\nXoIA\r\n=a8sx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.8","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.18.4","dependencies":{"@bbc/gel-foundations":"^5.0.1","@bbc/psammead-styles":"^5.0.2"},"_hasShrinkwrap":false,"peerDependencies":{"styled-components":"^4.3.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_2.0.2_1602592768209_0.6566865001832689","host":"s3://npm-registry-packages"}},"2.0.3":{"name":"@bbc/psammead-grid","version":"2.0.3","keywords":["bbc","grid","cssgrid","styled-components"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@2.0.3","maintainers":[{"name":"icat-readonly","email":"icatteam@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"527b1fc394eebcf9a937c93fb269ee377a2a2d7a","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-2.0.3.tgz","fileCount":15,"integrity":"sha512-iWVjCdu0YPHM4f5svywB0NeeDwrXpOWeOERmy4JpFJ1RdSIpOr4mz5FPNRZoh/i/6cKC7mxc9sz8MNfdH+GuAQ==","signatures":[{"sig":"MEQCICYJmX6/lzfQJgQAuxHEwo1+I1gCoLbhPVrRKkJXVM/CAiBvfKRcpKvjABzSQWylRsI/IPoEHym1yuPuNSOrKlBTCQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":391375,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfiD4dCRA9TVsSAnZWagAA0GcP/1x0NzRJEWfe4FeFEKkV\nwW6ohboBaIAG10D1sBI2LpO/tsJ/i5IQcU/ei7FMDBFeEW2rlNPu+dsMqSgy\nyRwpjOSK3cAkdEqRXs661Dt4C2pDUKPkNsVjyciCzZZPUJSxtXpu2buMUyFF\npyYwop7i3fEMQquLxOAKBYpuVYxoeWeD3KJ9NrnI0CtrdWKUCkIpcV19y2NU\nlLRqFKIyDnDGPsgkCR7cq/p2UOonNW8fpSmrzxbWiwZkTu3H3c1rBSBvwpHj\nh/OJ/gfXrhpico3cH/XqWOB8j50PdJ+vc3tTVKQYhQW1if0Vke+5LULbXzOc\neSoyneodQRGJxZqqEb335xNRbotYfrTbn1hbuJ2x30qSXgOKSoNdBSabWTQ8\nPlYPytUVXb/QJmPGGzP91hBP3VkRNHhfHycIM8YwO4Ogzc6uUKXfY28L2c7n\nmE8vj8Jq9OprwI5msUR3mEKcCcgDK+wnh0tVYc88DXlYFFMbsrSOJdqt0RQ7\nDOOcm+9YTF+TaMtJFx+K+ElD5dS4hmuTn32X2oI5wpL77p2TMamKHqinDvOj\nhKpjaZehEQXL91BqVdSwTP09UhduILFmjFDADDCkQu5HyStGL/1aX90OGjoQ\nYaXjrbhs4D71oXZk6sAakF+lxaseW9WIg+t4/Jz1KCExw25FpWkWeDlIMTAD\nA53P\r\n=Hcsw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.8","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.18.4","dependencies":{"@bbc/gel-foundations":"^5.0.1","@bbc/psammead-styles":"^6.0.0"},"_hasShrinkwrap":false,"peerDependencies":{"styled-components":"^4.3.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_2.0.3_1602764317218_0.8159850586036541","host":"s3://npm-registry-packages"}},"3.0.0":{"name":"@bbc/psammead-grid","version":"3.0.0","keywords":["bbc","grid","cssgrid"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@3.0.0","maintainers":[{"name":"icat-readonly","email":"icatteam@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"5af122270fac972ded04b709e2b2d08de1e2a3a9","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-3.0.0.tgz","fileCount":15,"integrity":"sha512-ho0ZRFbFOWN/F0P75xvbX+uv4+JR+0mtg/2Bd7o96W97sPqw9Nyfv0kkMoLjf1iS2lBh+1D1m3kT3+Meolj2kA==","signatures":[{"sig":"MEUCIAEFzh86/X8N1qXEevsJFcKvjt+F3gq6oo3p/ZYn6rw8AiEAkhkhrrVOJlsID6N6XhEce9GeEdvuwWAP0nb9FI4RG0g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":467996,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfiXdECRA9TVsSAnZWagAAnLwP/iqPLSQ56SHfMg9LcoVQ\nR4uEkbu31zFiHr3oG22cAkr9DB2uE9pPjDLPg0NogCxqFj5rxHH12ChO+iI4\nkbSfq3r3jYXNxdNwVCu5aOyVkbfn5HkVEAs6rEfjp+zSDp6v24dzFmHUm/ET\n/5bfAEoFP4FmsVu3H3n+DpV9SXXgI4ObTi+sVwhBA5r90MjpKS4FBWdnt2ii\n8msvVD5iTMdymyIlbc/+kbg+UrRyHLz+RaB+KEpQYwX/10J6gnddMHV98vYf\nmtX4FviqhrU9PItQ9kesU1v4HBC0MF/3WpDPOghOGDm9Bb/1wBMIyqBTtlv0\nZMgbwGU+HkDCAWm7HjCg8DkhzauIfoJywBDCmBN0TLy6Aj4JaOl0f3qa1aiC\nxziIMm3+ilsAyFglNWlvCo4lGvgIs20CkW9kMoFndThcswvS709Va3PJxBcI\n8a++BLEh+2WbfBh++V9shRlRK/57t7Zxkvp4lwqLto6YkaXG0ENlApRd+rze\nP3/zwAhEJHGpPsVU/23JBS2fY2f1iIuIFBba7F8ph6OUsqI5fSwM/KtzZwaO\n5Fvg3rod6dlh586IyTH8HGxgNm9IWJ7MdVdDYRDrjDVX2+7nLV2XD6RZ2WNC\nfwdnUnqYb0dyVjie1f54YawRNWyiy65zpEXn9VmF+iHpmPsjFcHVQDEm9w3/\nWT2c\r\n=Pe/S\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.8","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.18.4","dependencies":{"@bbc/gel-foundations":"^5.0.1","@bbc/psammead-styles":"^6.0.0"},"_hasShrinkwrap":false,"peerDependencies":{"@emotion/styled":"^10.0.27"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_3.0.0_1602844483958_0.31135362362890007","host":"s3://npm-registry-packages"}},"3.0.1":{"name":"@bbc/psammead-grid","version":"3.0.1","keywords":["bbc","grid","cssgrid"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@3.0.1","maintainers":[{"name":"icat-readonly","email":"icatteam@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"15300bfa7c7e41ee0015b8f56e00ba51c847868d","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-3.0.1.tgz","fileCount":15,"integrity":"sha512-MrE9qu0tnP8CUmzSIZ91aece6YHvRWM+tZSjYeZa2st/ZdNvn94bJCUKdw+xxRgs+3YZGfzrSKgIs5WbuYHxig==","signatures":[{"sig":"MEUCIH6gu5huczExrSxAZNJ2LIBSSFRM5W5C8XbKZelA45+bAiEAqSrpRyEoh+oVJA58rXmSpwLD6bit30EF/X4Cp800JQ4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":468909,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfiYSNCRA9TVsSAnZWagAAMTUP/j+NA7o1rm9bJfAOi2iz\n3Nt2S6nbk6dDFlSib69xdX83/9WXjksUeYCIbfzt0x/3frk1TJE9dyXF3EoH\n2WFIwu/+/fOKMzZp+mKws9d1S+VinNsEN9Z/TtOPXVFbmpOXJGrfBbJh0mqb\nzgAH6P9i8TzW6JUo6KkZ4ny4jakkhXUPJejDL7dDmnUYwjIVWyBuvRknJg/1\nteZn8r1NccV84wDrjyaBkoZkghqeOc5SpeiGPzF0mD4hTlAmFQ15UrQhfrN3\nBrElgv+OfQShxTa+U01Y2B6LU9Uk5Vtes+DlfuvMzIPN1ZvA0bG27/AZOMdP\nTpOL3ks8hMQzifykbpGiDoAFsuk+rndYvdLj/Rl4juUnRhUaiGdllSHiyGuN\nF1+/CFLN3COX0JcFRi2oSGcoj1HfBj1EC2GwFkk6t8VJ5SulpM5bq3t4L790\ni4jW7DrgnM1CYK5Uk4zi1FVZCO5zbusvfkba9HyCRb5frbFFlU/vS5qROCMk\nvLHwyo8qSY7OIgHOE0k8P6dDGqE8pBb01LZuqBLgAkDKpupGHE0/QD2YeK/A\niSRrxyZxOatDjySS4BB6F0jHAOiY+ot23LxA82BENt0c+6km8HKD2rkCTEdh\nLx/PU8RlD1QXjEZcm2K+pBVgY9WAL/zWGyAbC51PqB0uNS4ef0dMP3J8HfkJ\nzeAq\r\n=P/XB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.8","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.18.4","dependencies":{"@bbc/gel-foundations":"^5.0.1","@bbc/psammead-styles":"^6.0.0"},"_hasShrinkwrap":false,"peerDependencies":{"@emotion/styled":"^10.0.27"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_3.0.1_1602847884598_0.09953883468715219","host":"s3://npm-registry-packages"}},"3.0.2":{"name":"@bbc/psammead-grid","version":"3.0.2","keywords":["bbc","grid","cssgrid"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@3.0.2","maintainers":[{"name":"icat-readonly","email":"icatteam@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"6a4d2188dbbc709e9501545ee57f4c752b6aca28","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-3.0.2.tgz","fileCount":15,"integrity":"sha512-/pdMMxuO4KRsB1LtjTV32eOwb87qjV1C1qgHex6sdHhpRkeIxWPIJWUk05iuGuGIQHPg3hfYZmHTvGjLB5FLUg==","signatures":[{"sig":"MEUCIQCGx9nEN4LRCEuqYdHYw/N/IHFFkxp/Yta558Sw8ILiogIgNtxb9B89rHNztkqjyrNj0tcokdsmzR54N/jogciNrlY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":469023,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfjXuRCRA9TVsSAnZWagAAJpYP+QH7GJbMxMKlj6T/SHZb\n51HSYGYN4J8gLUAg47VSgV4WIcM7YnlRNm/PDI2qpEPWzvMnLnsJJmCu7ytA\nQfCxG2yXoRN/XX5edvHhYhsKscbVr7z75qDTK3MEsoTZgUfvFQXgIU4clRAM\n9dpTnu6dXmb8VxOnTCwI3EVWNx6y2a6zQ6qUTgRJDA5QagdsWKBnjH/KATUz\nhvEcsOMTyvvo0tcKPBW01e9TjGAxOjkx5KPbta1mlAEhA6oprLO++UUAFumC\n600EjV1reY/IAeBujtmdIYvmVhFULHGn7dMWeGcZh/WFdat3aGTWsGIy8/+R\n89n7LiDo0S563pC2EqGeVm/D+WNZ6gDn6/lhYe5o93l93DHzVy7mbO1DbwBP\nf8h+CSUwa9rQgmGiUJSju83EK35URErciyQGr/FhXscyhCor1PfasEpEH87P\n9t46Xv/V8YweQRgVPtHQUBCjyjQYdw8J8XAKB55GMdgd0LT6Leu1flyFsVIn\ne1edBIJcw4thfH+qPcs+cmNn2EAnU/gyAjYfUQCNWjeq+uXa8o+gTRWgLIsq\n7BkCCUiwYkIbytkmHBZIvWtq6Kks4KVwrE/I6xCdR0pVHSlMDgGorgR0Yp97\nOJCDz7tjEZ63T6zhXmL6vMFl9CL3TEJpRPaQfLeW7nOZA7ST+KDj5FTTHOZB\nb2ar\r\n=JIaR\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.8","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.18.4","dependencies":{"@bbc/gel-foundations":"^5.0.1","@bbc/psammead-styles":"^6.0.1"},"_hasShrinkwrap":false,"peerDependencies":{"@emotion/styled":"^10.0.27"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_3.0.2_1603107729457_0.009692899854838677","host":"s3://npm-registry-packages"}},"3.0.3":{"name":"@bbc/psammead-grid","version":"3.0.3","keywords":["bbc","grid","cssgrid"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@3.0.3","maintainers":[{"name":"icat-readonly","email":"icatteam@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"a46adf9d70c6ff79dca31d7c51ebf71707c83e79","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-3.0.3.tgz","fileCount":15,"integrity":"sha512-lKD02/9c42ArQLMw48hG0D7hlqna975TjbnqYKaQ8vo9ZF9q49EtS5O7TGfKnXARCMQA7cYg114lWvYZ30lE2w==","signatures":[{"sig":"MEUCIG+3S66Ufj0oppzvZ9sFQF6izrnXH/zRE2vJ26iobUzFAiEA6mBdS+2ia4Fs3E7zDm+XSEkW8Wll2MFOEPW7sLPPAKs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":469137,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfkKOqCRA9TVsSAnZWagAArlEQAKH17fBmv05OGA5xrMwD\nKPIin9GNPE4YK6SvUjI6qXdJxkAd04n+EImf0TFnTM/Y9FA+T3MhfU/h3CmB\nLjAsmWl5G8z+413okRfURVuVllD21qDSa1pbguy2vh9mOpSrGGlZhp+bN6yR\nlBHVp5kwlUe9qeak+4baN1iVsoipNRo0TqzuvcLFLPrthzbpZjYqwF7go49l\nJ7EyyOr9u+K+vypgb4kw++rtRhe0NZkzGNVMNs9/yMeVckjNrce43aHhYoUx\nPjsnIVV5OsXxZY9tnTqVwlGK3stnJMq+Gv65qV1BnxifW4KgdMNqFdhI6+Od\n3BPBg7RTySBLKdx+D6PBxpcRcB68KR/DoBbwET0MNwkmKmpA4d5y2rquG9uC\nvbgDpZF+6f1QMEAEeY9BUfxIWeRdw5Hn98TphyZcHerz8lNCKCDdzydiGS4s\naBIeFqRnEPkD8OrcPqfhdnBpU+LnwyViSHQ7SNwOvKA9f2bet0N0/lPQkkmD\naTgtIrtJS18j2l67XLlTrHJlVci+0kYo4EzoTN+8qLGxBts1B38CjXgURwI1\n1uTHSbXQtVHbS34Z4XFdve6U2WUcI3emrI4iB8mvOr8EHTdn+TFO/B5GqPDp\nc3w9EiEA+gQOwEQOHz2TeizJJ0HhJN7B5omIsE48QNn/zMfBVWvoqF8CZzLR\n0PwP\r\n=kyhL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.8","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.18.4","dependencies":{"@bbc/gel-foundations":"^5.0.1","@bbc/psammead-styles":"^6.1.0"},"_hasShrinkwrap":false,"peerDependencies":{"@emotion/styled":"^10.0.27"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_3.0.3_1603314602118_0.7786319037410747","host":"s3://npm-registry-packages"}},"3.0.4":{"name":"@bbc/psammead-grid","version":"3.0.4","keywords":["bbc","grid","cssgrid"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@3.0.4","maintainers":[{"name":"iplayer-pc-downloads-pipeline-bot","email":"simon.gregory@bbc.co.uk"},{"name":"icat-readonly","email":"icatteam@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"94244d4e21dfab9bf4327d96ebd66d5fd58504fa","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-3.0.4.tgz","fileCount":15,"integrity":"sha512-hVEOljMyXkmLdaMFCpf8+7dmvKrV4LknvyB5ESM7hcI36Une7c5EEPSJHsAQKy8L7Hh3/21l7ZBgzy/kdBdsYQ==","signatures":[{"sig":"MEQCIAdw4dveytdC/A98g7hXJx7ax3Ud1y9tjp8H1SrmOj/NAiALYKP9DNIgVcFcxImOe1IvwM2yihw7ZUUv76ZMfHbb0w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":469387,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfsjfzCRA9TVsSAnZWagAAoJsP/2kQAFKwoFcNeKvnp42y\nB0f53J/XQ9ZqYKQONjn91++wdDYVwoWal6ekJYwD43ooK1OnYpLRsXyeQJeS\nRlKNi1+ZsFPFO0kC4H+z41E+I/8z1cdmZ2G7CuIDSe87yNaKm6/Zzsc3MD2a\nagxhYFLJZxqZ1wGsOJUvkzMnWpR3iPSPGK8uap5spsii4CbrHExBBSTyh/44\nlDbLKeXCsfIOjLo7r9Ijo5YKNcKphd1zfuQxkvJjgXDSrf5WFGRctACOvbf9\nGjd9ON0XRBdUbT62MGztyYuQpmCRYC0WXLfdOdZV0she+zSxhU95nMtuxXC8\nVBehcZexRecWC1p/LBQjXfyHpsol5PhI6nXadPNUzufP7+sWL5kCFIBJkmiv\npXGDlBmvvbXJi3fvkj5gd/QIq9gGgKzLhIoQOKPx/FhwdAsYDxLZJ9rGrcQj\nnHLHH50enLX5EQeiRgj3dPOhnoBCEGfiGaHR8mrOZ1wv8bfgWPjwHLlMk6bD\niIPL6MpZZArOpr46IAXGAHPNjLvGyPCEQLN7hbKcut2+kxVr9/cMIZ8OBchL\nxUS6hX02FU81vUmglip5WemC1zYr0PuQEoguQVl/5yYgH3WaJ9Zrn7EggvMB\ntTxqG3AUf+c1xeeEhDZiQYD7x76AHhVoq5eiHaUJ+jN4419iKCvC0b7TGqwX\nRfZT\r\n=ErOw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.8","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.18.4","dependencies":{"@bbc/gel-foundations":"^5.0.1","@bbc/psammead-styles":"^6.1.0"},"_hasShrinkwrap":false,"peerDependencies":{"@emotion/styled":"^10.0.27"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_3.0.4_1605515250896_0.9168945135623798","host":"s3://npm-registry-packages"}},"3.0.5":{"name":"@bbc/psammead-grid","version":"3.0.5","keywords":["bbc","grid","cssgrid"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@3.0.5","maintainers":[{"name":"iplayer-pc-downloads-pipeline-bot","email":"simon.gregory@bbc.co.uk"},{"name":"icat-readonly","email":"icatteam@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"fe1b1eb4648344a4f417e4381c2d09b1c58cdfbc","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-3.0.5.tgz","fileCount":15,"integrity":"sha512-y3jU4STnnl8ETUAgx8xo+9r+b6p2vV2BhMobbYN5ChSrHVpcaKf6VU5Nld7vQvprZW1TOH2dNMtMBFdFyVvWBQ==","signatures":[{"sig":"MEUCIB8+elt8Ef+msxyF72ozhpbLOSZMTjZm0PIJ5LmGKRg9AiEA5nS2iXw/DjTnzWqzOR1hosjcEyslKktEhdWda+sHXSA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":469501,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfu9ikCRA9TVsSAnZWagAAFsEP/RKTacRF2dhA2Y+HjJNH\nM49kHgUyHgZRHinOaA6jbFqO4rZP8p2Ed+qkko/AYt/W+XSibyMFwyYJcgH1\nBtqD5GyMADc6ugdZVmdQyMGllW54JaonZmvM+kR8NuRpvJKUs9o3awyQVCTW\nx2JEBQ3tdnU9J0AaKnSZ9ZJegWzejR+R0sxr9RZKp7K7QDyaR4BsDV5Mr6xV\n8CNE1G++xdfNYes8tWmteybAvkda4iS4ABbMP0CtSe+Kn+P7gJehrS2jNoKM\nPP3XNw3gYRkYyXSkm4lWczVG/GGLg1IbAk1hMe7YwwZaUErQHf3Z8FNol8b+\nmiBqRSJZ7svwVGl/y9hUtcECLfLamWXnMLNesoiiCCPiWuPQQKU6GwEh5V//\nCUxQ5QTimm6mBCcdUFwdl7MvpO1UTsm+FBfZSeTL9W20/071KXQkuDHESYmg\nIVBF1UAdjCiP8R9yVXNZh8BgLxR0IXxOM8+8SCgoRsLD9kmskNRvOKaQy6+K\nPLPl5FHBMWwC5O1yuiZ1ytE1mhEww2B4J6ZQZtvZU3LaT6kg9fme6yfhQS2p\nJDwGNTMd6f7RhLmeYWzsaNY9MfMkl4LeHf62+VvQ5Y9E0kjPejpH9//dUvea\noUc9AK+YLg2RhtkugjO4d2gp2vfy+swjNO+6Gj2jiookYyJKZdh1vhtL1+h+\nDtfu\r\n=ww/R\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.8","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.18.4","dependencies":{"@bbc/gel-foundations":"^5.0.1","@bbc/psammead-styles":"^7.0.0"},"_hasShrinkwrap":false,"peerDependencies":{"@emotion/styled":"^10.0.27"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_3.0.5_1606146212371_0.5708970337948522","host":"s3://npm-registry-packages"}},"3.0.6":{"name":"@bbc/psammead-grid","version":"3.0.6","keywords":["bbc","grid","cssgrid"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@3.0.6","maintainers":[{"name":"iplayer-pc-downloads-pipeline-bot","email":"simon.gregory@bbc.co.uk"},{"name":"icat-readonly","email":"icatteam@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"a331471b7be658ac1b8ab4ad0cf552556d17e96c","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-3.0.6.tgz","fileCount":15,"integrity":"sha512-pQ4ovco2tSxulpf851Ph5xSOBj390Q5EOpOJq2oSYqvSuNBIHVmvJ0H1hd2aUn/5otXJ1ePzdSVhSGonRkbvmQ==","signatures":[{"sig":"MEYCIQD32Sc7MCETSSLpSgC/syisRe9DYAhibsyJL+g4y3IXKgIhAMRYB0fCB6p0NyrGKSP+iFBpryJN3EqSPuenR9VjDCpW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":469615,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfv3kHCRA9TVsSAnZWagAAlakP/RWP+b5hxilKJweq5gEm\n2L3uksdwoPrmI0th231KkndTedyjrNZN0enAhIK8kikR+8liVdYAk5mwavSy\nhg/nYYuK6ed40MEDqMit3OD8SseFHmIL6i1l6RqciXHxYaB9HZZCBfA7sWUg\n5f2TeNRNuXLFa5pJ7VwXTj19hP/FNYctm0Xk4VElpk2jKar8ZS2lBbo/9kiE\nJwjc7AbUwTphNQr1uuh8paG4kpiconHdMKA3p7nQb/wsE83o+HCamRaaE4VS\nZ8S5BdeEMdUBVMvKBNlIVTsLuZ6H5IbOUshpMPSmI4VSKqIG2OWt43hxMN1J\ngCmbC0QOLqBIOVym2EvP/MDpOcyz4FvNFtrDAqbfypTYZheDOq5zad+HwHwO\nh3H2UCQENzDWZvsbHmzfZvXYOg9J2j8fHAfmR1yvf0Ay6TlkcemV6qy7ILj3\n6jdCF8lVL/00Co2NNEsqiokGFtLKnRIoyN2xEBlXzF/kf+Gc636iyMeD8iq2\ntbhom9NR0zk/K1X+k3qLdiD8s6zC6Vhi5vcDBj2E1LE7j68IkkFtpT/KC4UN\ntb9vPe5qnqBjWILJAu7LmQFLypsE2s0ClpziH7Jzt7s3hLmXmyzq/8w56yno\nM1eiJi/Kewp9Teg7N3pyENQ9bWK1/MGJzbeQGdDowu/WP8HnipUw7Jy1Pkf3\nwaxe\r\n=RI7M\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.8","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.18.4","dependencies":{"@bbc/gel-foundations":"^6.0.0","@bbc/psammead-styles":"^7.0.0"},"_hasShrinkwrap":false,"peerDependencies":{"@emotion/styled":"^10.0.27"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_3.0.6_1606383879338_0.8845440126245834","host":"s3://npm-registry-packages"}},"3.0.7":{"name":"@bbc/psammead-grid","version":"3.0.7","keywords":["bbc","grid","cssgrid"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@3.0.7","maintainers":[{"name":"iplayer-pc-downloads-pipeline-bot","email":"simon.gregory@bbc.co.uk"},{"name":"icat-readonly","email":"icatteam@bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"0ffdcfe94404d7d442b2f1d355e90ba04603558a","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-3.0.7.tgz","fileCount":15,"integrity":"sha512-jG6UNarXmI+JtH50KeaZ0Jq2tn5Uw4yYouWOAkQpV12UaX68qYZqt/97x9RmS9K1K1WSRrqmzNUwhS8qGktsFw==","signatures":[{"sig":"MEQCIH4IsuCy5WtlqPbv2phNZDe/R+MA7lUQmhHFMLbUHPHTAiAWdR0bgBlMF+aGfTDMFDD5OBOq0hz67HI7UHXQUYAcWA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":469729,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfxmT7CRA9TVsSAnZWagAAOuwP/3qksTLGCiTQIKTb5YAv\noA/Rk2L7yJrkRDl4YryQX2eL1he1MtDU+XVCc1pvU7tqb0qkx9VsjFD0lFC9\nSb3d6K+4FJn4t0EFEZ2YhzQ7uxp/2XqcvBE6nONZlVidjN1qNPWepqBAbXmq\nrpwZzigrZF07AwEewePD24zJChHLsK86Ox+4399oz8jiHbntbdWY/yLviKP3\nHFSUz6k0ALdGdNDjHTzmLL06Xm4QEJgeEejde7+NEO/DWoifjdP6DAzm9BTk\nmPw+Gfd7ZxIuCrnYOs/4scopNQFjNO0o1Lg67zlFXeek7yBN8UhvLbgUBjyI\nqh+1Wch5yc/yQnFJAhdeqszVXkKN8OlsOQRuqiavyQtY7sZuN/HdIvw6W4lB\nCLuShs9o6wct/sAXmEydydEBCD/g72o/4DVZGs5A6P/4kB5Hq5iFDF0nRtpp\n0ITXrPI5j9Rey++XC2fnuDnsLsiUCsRTpaPSo4kWcsbUtXV8HoECLtMEsEl8\nzhGsr0xa/tHG/F5/F2iJRbGTKQQRYVSG8obDQLquht/v5+ZwKJgNIlmytuCd\nMWVAvDCRcp57UuGiBDeBPymq7V1d3r2onQVQcaesvBTtxkGVw9Rgydm9Mrc7\nfDp3rFthTKVTyas1nA1ZM9mL0CLyyTWW64xbKTgf49YfzAciemNjSwB2wmlZ\npOJD\r\n=ufIF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.8","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.18.4","dependencies":{"@bbc/gel-foundations":"^6.0.0","@bbc/psammead-styles":"^7.0.1"},"_hasShrinkwrap":false,"peerDependencies":{"@emotion/styled":"^10.0.27"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_3.0.7_1606837498605_0.3407430334844448","host":"s3://npm-registry-packages"}},"3.0.8":{"name":"@bbc/psammead-grid","version":"3.0.8","keywords":["bbc","grid","cssgrid"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@3.0.8","maintainers":[{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"icat-readonly","email":"icatteam@bbc.co.uk"},{"name":"iplayer-pc-downloads-pipeline-bot","email":"DLiPlayDownldsTm@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"5021111e10a7a168fa9a774d0dc7f74679c6ab52","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-3.0.8.tgz","fileCount":15,"integrity":"sha512-iYZ94lF141nbqZtnmfCa/N7+yZSt7eJMmegWsjHGt+CTyXwunK+LYXfOAXt2sVUvMrYw8oseukGgnhztpEnI5g==","signatures":[{"sig":"MEUCIQCtSPzo41UJHazfb/9o8nGJLgwzTSG2ya+wf7RT8rVPcAIgFjl8d/FnJ33yADJa4bZItTMRCp0xr87mrVNitEG7+m0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":467017,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9aXZCRA9TVsSAnZWagAA8dMP/3IFRlg6cTkiA+6jhCx6\nIIPvAO09rvKb9mIO3W8Mw78xG3ILGCVAJwKA0Cefycp7hf7dkWZkZoGFFxGo\nbjk1F4uK/uzSGhGph8P2aJC3RMJs08rxIYpv7pSNzKnjaSIM40IM/5oNKKPQ\nGMnsPa8HCaG1VjToUWXnNb60KJtrzVqtsBG0z2n1e9C6L+woNOxe2aszbnv9\nei4Dub8Ki2d3X2tRjPSZtQZFVl0+sgfN+FU+Goq/FR9GmdFIF6QH+a8aql05\nR8ddCLH2fqCHj4Dlhx/pavYWSCl+BiXgSFtJIq0f78zYGUOsEEJ6vRraCGu8\nsxiz8gCfnfdtarppxjCUOM563pZApvYW4PwNAs9mps+EJ82o5au71Wi2rd03\n3qd1P4AsV5ZV6PqxG7Z/CsjMiZOM0Xi1/4F0FtBfP8qBk9A72k8PBCx/Euee\nY4Bp2ooP/4F8MBRgPgf8Q9DT2SqnJEVrXieKO/Mm2ZtIJCqIFKaluaQEkY/m\nAw6s68eQoYkFa6TeTFAVc3Yd2++e3nVzYRuxsSHUHPNa7Qb9RHKosG4VCAdV\ncPP+hiXxiAUq45B8KlyZbHlLY6zoU9/Zi9XAZRRZJrK3OPwowWjgp5803Cch\na96wP66bt6euzOrIchNv5Oo3g9Rrxzihb7MCagFn+LMSMS2fWvGbbrNtSVyt\nWQVL\r\n=s4NQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.8","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.20.0","dependencies":{"@bbc/gel-foundations":"^6.0.0","@bbc/psammead-styles":"^7.0.1"},"_hasShrinkwrap":false,"peerDependencies":{"@emotion/styled":"^10.0.27"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_3.0.8_1609934296852_0.1451583811699484","host":"s3://npm-registry-packages"}},"3.0.9":{"name":"@bbc/psammead-grid","version":"3.0.9","keywords":["bbc","grid","cssgrid"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@3.0.9","maintainers":[{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"icat-readonly","email":"icatteam@bbc.co.uk"},{"name":"iplayer-pc-downloads-pipeline-bot","email":"DLiPlayDownldsTm@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"2f48292352a62a587e02dcc34fdbe3ce38752f89","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-3.0.9.tgz","fileCount":15,"integrity":"sha512-nJ0TXKurOSbN3/t9CYFNpRBmMoGULF6PDgIj2pkSlQYwpocPlxMCd3TcPYFbWmI0sMpaBCTq+Jeapmvu8cgEGg==","signatures":[{"sig":"MEYCIQCGHfH+P7+HKtLkwOpphllPUC7qvdk+NOX8KhNegvIGRQIhAKHXHi14mhvzFxofBIImbaKm89uHqZcJgkDsatxWazti","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":467131,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf9udlCRA9TVsSAnZWagAA3ngP/29Ub4bE8Z2hqyjjkbYa\nZMu+X1MUUoqEIJAa8RbRlidh4s04fp9mj/gtEHLH6l08meoeh/idJ3Z0W4a3\nRsqbO2MT27U7SKk9LD5+wXl8Dk4m59a96XG+ItqSJyirMbuz+6xk0hrnjxnK\nK8voQEjcP4NEyx8eP2E3mAXAsS0ceGfeWWdRap0E1QlLDhuM1lrxXqJJdOVN\n11TcasgmvHwA6Ccg0spQ/RcpnRVyZyVT00wOy/Ns1MHRBKiOuzbAMdQB+9cc\nXVIG42TuYeVjvQ45xhiYrCUq+2goORijyCxWTUWux1rP9mXNBSrMNuoEBwho\ndU1Cvc7wYtKK9lciPTqC+RZ8E/19lZ+/JYM5H9XB63/rboM5dTGJG/S9xzrq\nZNjlKVBRqhdxTcCSf/Zrca0CQ0UTZF589u/XA2604kii1cQzpKwMBipWXIKW\nbgqRCjPc+LiKUMpFcMpqadKjkyrGWXlZgSfJPc2HAgg83aigHh1JIH7/PZGE\nHh8nTRI3JyOE+NZ1VfIPhDsyUq0UO3l/ZcUSRrSSlx1QBYE6+FWsg/hl2Nuq\nF0xkkzhcu9Yq6RCKbpPYxNwdHM9fcCLdlaIKbIc7lmDWjy9KGm2T4d9Nh69H\nX3yyfaB46EigKtzzP6UuXgiB+8K3dfFjaJpnpCUd9fkH8rdDyUGWYyr8YP0w\nqz+D\r\n=Td+6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.8","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.20.0","dependencies":{"@bbc/gel-foundations":"^6.0.0","@bbc/psammead-styles":"^7.0.2"},"_hasShrinkwrap":false,"peerDependencies":{"@emotion/styled":"^10.0.27"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_3.0.9_1610016612874_0.08547760520985359","host":"s3://npm-registry-packages"}},"3.0.10":{"name":"@bbc/psammead-grid","version":"3.0.10","keywords":["bbc","grid","cssgrid"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@3.0.10","maintainers":[{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"icat-readonly","email":"icatteam@bbc.co.uk"},{"name":"iplayer-pc-downloads-pipeline-bot","email":"DLiPlayDownldsTm@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"8d6c3e12f1fedd4f786fe99151adbdce47334657","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-3.0.10.tgz","fileCount":15,"integrity":"sha512-t2RI0GxuBy+K3QQ93ZFPkXL9JRgIEtXeeZG+zyY5wZT4P3hpFAwBeIPnWnojivF+s2BpwqRta2l3iV+5r9IrrQ==","signatures":[{"sig":"MEUCIQDXxBf+MIziF2SSVpjNKiUWsvp+nbKtzAApenu/FybdNgIgKt3Mkra/oVtaHrX7u16OXSfKL48/ctVqdb/wS6r0m6w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":467247,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgAWL0CRA9TVsSAnZWagAAc+UP/RhtN+3U82VnpDHAGtD0\nONIcYHC/tWwsBzNBfIahVzLiF58UM4ibMpp+R2/vZ2cI9oTxQkKVI0AKmcQZ\nZaref+RHM5uhVk5pAuBPqP0XLmeGw4FBIFwDvGiQB7vXoy0SPi5nVB7wsVMJ\nIwjzJuTjiqbAEyboXfiHm6tC/jy5ZBpeOjAJYUQcMMe6oF+IPLaSle4zCsKA\naBNNmZHCbHvU6SAr7mYwkin89vMR+IPpEvVQBzeNN/jKT8gUjEiJRYKx37sy\nH1w0xROHxy6IDfVGD3CMNbD/LGyxxdt1qAoGZw5R+VUNBUMVytmLn6+YG4Tw\n8LukEyMSkKOTEvUrB8Jufq1YFDk/dFshPfVrAialIzS87Kd2a/LV3dEO9ich\nEtWNe1TcXWL9SZUvVo26j30Fr9/bxX9h7QV1x1wopKVmhAgJNXwgv/rrluVI\n1J0sjh73MWx5OSIdekVmd2s6pbpAcC0IZlCGb21UBz8HE+37XfvLVKrPIYrh\nv9UV50iFfwrRzcFy5E0mJ6dAMkFIZ/MtFNfmptHJbvNEipBMU7VxriFpHDD2\nmlCaHs/itlKDqswxIiVt17S7d5FQ3Wjr1mIWqjN75MZtBhkBdXf2POApIEBW\nM4lnsK8asn+BPa3YdBztb5gmh5I6umRBTbrAibb6ihrNjrfSRsSaGPPXCm00\n8SJh\r\n=22bU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.10","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.20.1","dependencies":{"@bbc/gel-foundations":"^6.0.0","@bbc/psammead-styles":"^7.0.3"},"_hasShrinkwrap":false,"peerDependencies":{"@emotion/styled":"^10.0.27"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_3.0.10_1610703604368_0.6726078722862021","host":"s3://npm-registry-packages"}},"3.0.11":{"name":"@bbc/psammead-grid","version":"3.0.11","keywords":["bbc","grid","cssgrid"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@3.0.11","maintainers":[{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"icat-readonly","email":"icatteam@bbc.co.uk"},{"name":"iplayer-pc-downloads-pipeline-bot","email":"DLiPlayDownldsTm@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"1762e71c466ea33d82ed414db3843b1443f65043","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-3.0.11.tgz","fileCount":15,"integrity":"sha512-XD8Dkf7I8MeNQtDYmwu4Hg13qHDvzhy1hmCR+1ta/WJHRJqDKJ84z2atnt2ZULl7LfrfCaTApb8aUMyPsE8ebg==","signatures":[{"sig":"MEUCIATBv0zcJAj9CbgKW9RNrVoh18Us9yNr6vV2dufsxxdjAiEAtJILLP65Dor+ds1Vk1nPUZHYtc0iP6DTuppDB3cBexM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":467656,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgAZSSCRA9TVsSAnZWagAAyBIP+QDtbqJ4HtqpF99gMt6W\n+14QhBPPHOi8GL0DR+QfzcrcLgVcYCdnV+tz9e3ATDDsikT8nKy6Wn1dxZf9\nf/CxUeGZVJv6OKAQpOiW0+GCSC15Dt79y5WJgdIZP5PTpSUTZu5WVNf5go/l\nynUMnxHFGGRQO869xdYeNCM6lT5FkSfpCwNfHX8IFWnQL/lg1V6r78fBnrx3\nKmctoJLJoY9Fj7n1TNympy/JuXPzxYdejYeujrD8HVcEqZmkhBMne/Kqx9BE\nkusz3t7cIH9LqW7dDy5qqRkG/y6xbM7Pt4ku5pgheL+T3pOMAkiwbWRrtoGN\nkjQCLCvBiUkQi7VRUxn4yDv5LYu6Xdk+SsFlfnylpFk4joDPok+tbuSXmj94\n6bkOND8mJ6zgVQSWrIFb7oylYP4P+SD6nJD5iTYl3Ho4xFCEgWsXORsoIM02\nHacy/TTUZjYFcjJxu0faI0D3Ewx4G7TsvRvYWxuoeiSvsJuYG3kZm6MpZD3O\nD0nCU/6eMjYMF+nLOocvYEL2ZsZweF07cEvsPlVJ8tb6wmtdTnrILl320Ygr\nfJpl9zumo/J/0bgpguBMs83osPDpJvCdk45ZftRB2hXK3ZRae6f+fZfNy1ZD\nKPvNnseU1O1oiTPAN5Mzo8PtOnVT3MDC6ciO6J5cUmWB1g+xU4o1X8tvid9n\n6AZI\r\n=LGw+\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.10","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.20.1","dependencies":{"@bbc/gel-foundations":"^6.0.0","@bbc/psammead-styles":"^7.0.3"},"_hasShrinkwrap":false,"peerDependencies":{"@emotion/styled":"^11.0.0"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_3.0.11_1610716306295_0.5847571134050606","host":"s3://npm-registry-packages"}},"3.0.12":{"name":"@bbc/psammead-grid","version":"3.0.12","keywords":["bbc","grid","cssgrid"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@3.0.12","maintainers":[{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"icat-readonly","email":"icatteam@bbc.co.uk"},{"name":"iplayer-pc-downloads-pipeline-bot","email":"DLiPlayDownldsTm@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"1bad70e76418903bba7495a315f4edec6a47a5d8","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-3.0.12.tgz","fileCount":15,"integrity":"sha512-JhPeAEBG0ebxPSjKBGgG5Rsbo/CBLgPYx9LNVq5pm21RcLihY+3mM2SxC5TECxoBJ8HXzThsaKbZW3Anhw7GAg==","signatures":[{"sig":"MEQCICR1m1CX3NS1K0UOaTotyBJy8843NQKlqzcmbz+f9yzsAiAg3iFVMqTmJ7j53bfpjuBtIQSmow9w7XZdnKi0xsPVDQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":467771,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgCDxJCRA9TVsSAnZWagAAGJUP/j/OQVCSkmAZMTq4CTtp\nrWrKx43F/S8PFVkiR15lT58E1dcWzAl64UqMLnLiMGxmqNIuyOhQKVGQ86JX\nbYR5eq86Ir7lic4WTyyfg09dBVuwxY55coDLpmfLAn3vGxlUZT/KeWe5UQNd\nkQZASyVy8yncGw4BEO3ry8gdLmyocHCe/NV2ZlLhpmcR57uCzynlGDjwsy5i\nN9oYjVL6Tc91tO+YKait7SbnhyC0KgKh/sORqoJH1+GCgFcVMJj59NTL4+l9\n9K1r5Cq9BWMSQ/AH+TSVhC8z3NoZ2d5vlsqjjXFdd5DpITOovOqAtMbc8dhm\nmB+w1OGIUT85+Ol1QYzmBh3ThwkhhTtUVFD5hEY5lHBdTwBSATGaVJZ/CnEf\n4XR4LqtBHFbD+hK1YJrvKMWZSTBuoWlqW1dClkAoQr3vhq/7dwX1ZkgLn2HC\nlHg3brbjBRGywecd2XEtHTNu+0Es/wB5a3Ct8phMW0L3UYT81gbQdznkDydu\nTYw0W7eKZePwTggeXU1Q+xP73XYykWIOS5GSHfO4Ft7WREi/KagbzTBaGCAZ\nTRfrUBeYqL1gh+FA1NMdeTWY7Zq6Vs5LLM2V0s0689caVQhP5bBQvTRMRXj0\nzQYV0RLkJ4Ry4bKQFZ+90YFEYcf4mkdyf+KONY21Ff20tUBGelVlnZtEZfGM\nBSPk\r\n=Tycg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.10","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.20.1","dependencies":{"@bbc/gel-foundations":"^6.0.0","@bbc/psammead-styles":"^7.2.0"},"_hasShrinkwrap":false,"peerDependencies":{"@emotion/styled":"^11.0.0"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_3.0.12_1611152457286_0.031750489690430816","host":"s3://npm-registry-packages"}},"3.0.13":{"name":"@bbc/psammead-grid","version":"3.0.13","keywords":["bbc","grid","cssgrid"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@3.0.13","maintainers":[{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"icat-readonly","email":"icatteam@bbc.co.uk"},{"name":"iplayer-pc-downloads-pipeline-bot","email":"DLiPlayDownldsTm@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"366c72db844b255da26a4d24fd4f96943a283b2c","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-3.0.13.tgz","fileCount":15,"integrity":"sha512-S3OAsBkFitr0NiPixA7T0Mvqe4ollkvCNNizLNZ1qtslde4wUDtvJ1IXcuFOi46JjckfAlqZjJ0kLARHv5aLiQ==","signatures":[{"sig":"MEUCIF/U5etOmHNaLhBhUtfcLo80/dXcnDphzlCY+jVFJsToAiEApnwWntSo7KhKZUUemVMCsf8b+3jcGp9vn6SMcnwTxGA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":467886,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgCFwiCRA9TVsSAnZWagAAicIQAJa+dh62RPzg4rbPpIEb\n9Dr5okJI8n8kGwyV13SDkmGaAaa8eesBu65iLvgIAVmo/c3mct+1ZBZ9/rSr\nXwojSxP9y2dm9QWY2O4zqEBe7nWPdUhtmUOaAzXBRrCiZulS3nqBq3SPVmfo\nEOi0k9ISsmMi5iDH2PppW9kd1W39AYnTpBp3fVCIXiHOgdQPLYejNROPQeq0\n96MUZHRYrotxzlvi/S86rXctEr1RKHe5cGv7YRn4+XwB/kWUOeHUh8xjHLdy\neXkVkFQ/7VSb3PxBO81W7iCaCfQCang8UiTdF0/jAbGRRpZYpRVcDeqNQATI\n2pwpnvyTcZME65kr76RvMYHcN4e0G5Uiv5c8kR2lhawbF65S//rdAQN34K2e\nRTRm5KHR79FLDwXSOPBR6j4B1fmzufOcne3mHdq1LHLv6piW1aE7H2puPJmc\nLEIV+SDAYNTYYsydcIQKUzGj8XIg74DJSVJ6tNxwXpWxzso87rviEu7DsqxA\npxndX7/bQaNXDKxCIinYgHN8LSNeYi+VFctaORGLLejYqdymUYL4JSWT+USu\nk0eTgwfV1cU6EbEi6ZmxIKYdlaUg0V7KFsRjPTDDeFpRcce14eFVkA8IzK9j\n4aSfFIIJscLwmftWGHK7Q3iqGFUjwC++O3cxMO0Br2qw7A4NPmx+wXuTaHnb\n8EbO\r\n=fHg4\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.8","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.20.0","dependencies":{"@bbc/gel-foundations":"^6.1.0","@bbc/psammead-styles":"^7.2.0"},"_hasShrinkwrap":false,"peerDependencies":{"@emotion/styled":"^11.0.0"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_3.0.13_1611160609659_0.8709718374223581","host":"s3://npm-registry-packages"}},"3.0.14":{"name":"@bbc/psammead-grid","version":"3.0.14","keywords":["bbc","grid","cssgrid"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@3.0.14","maintainers":[{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"icat-readonly","email":"icatteam@bbc.co.uk"},{"name":"iplayer-pc-downloads-pipeline-bot","email":"DLiPlayDownldsTm@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"49b072143e333c8c9ba59d0693588e41d482ff13","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-3.0.14.tgz","fileCount":15,"integrity":"sha512-DP2fgiUz2qxNHYw/LdDqKizE7NDfs94PY4+nZI0FHIPXZtMN0GGW+gX+FrXQTK/dlIS0d1TT045rsCeOaEPQBA==","signatures":[{"sig":"MEUCIQDB/6Nm0P4Vk4Ov22CXSqniIqanBjf/eBQu9krELKYjbgIgBmvq2eyptfTnJOteRuWd5ik+9xckzB/1IBFCf6XB934=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":468354,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgG+JyCRA9TVsSAnZWagAAYXAP/0kwSK6s9A6xcV/xmxw3\noE7ht3qOu0Ion26hgcPdlv1B3/QJxLHIIk6Du27oAdIIW2paqDZwTdhGuhHn\nbco2g+jY2rr8V6qv3m23+IJ6JfAzjffMiTosLHdQuHmG7+Z2tlajL5f2j1X+\nr15cf1uiTokErj6kchPtKcwKpejMXwbD9yFd+VgEtdfqv4x5EqDw98eQ6D0a\nUdCv+8luUZwGIjTF3DFx9ZFyRANj2581tfN5WYCACTsaqB+r/HZ9lOyVuG4s\nU8w5hXwcrzPD/kTeOEzcKBtjWsMNAcPN1qK2kIWO3AZmbtdaJ628lJXOJaFi\n45gujHvmo+kzkSq0RFXm+HVZkmHhBKPUG2jDyuj4ayD8N8b9jOP2HAQH9y+3\nzQEHFFzG6v06I9e945iWzYWw4DACEoAQWeWGT6LLrEb41i4Xzk2wqVdOZYLT\nZPUPXeSiHVmXYWi7rvjmrUwpcqWhj42+fChGXRa1FGGbElBy1B4Fmd7SUIA/\nMukRn4XVvVIo71fkZwp9KL/Y3a4YKfI2zs5V0+j1osQ0XrRu0M1C2PpYfZK8\nNq4nEHr3P9D812qMwpQBAVvgyMkwsKkNu54cgviesFhp+7KUVOCrd9wZCfee\nRvYUrtyl4YiO2NRv21RFiO/Ycj3cr0EsIq/8kQ78Dj/moFw0rimsCovI/sv3\nnACO\r\n=/t6m\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.10","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.20.1","dependencies":{"@bbc/gel-foundations":"^6.1.0","@bbc/psammead-styles":"^7.2.0"},"_hasShrinkwrap":false,"peerDependencies":{"@emotion/styled":"^11.0.0"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_3.0.14_1612440178036_0.6266245978464153","host":"s3://npm-registry-packages"}},"3.0.15":{"name":"@bbc/psammead-grid","version":"3.0.15","keywords":["bbc","grid","cssgrid"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@3.0.15","maintainers":[{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"icat-readonly","email":"icatteam@bbc.co.uk"},{"name":"iplayer-pc-downloads-pipeline-bot","email":"DLiPlayDownldsTm@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"7ae5f0b0e1928e10d0857f3d52986ec59bd56484","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-3.0.15.tgz","fileCount":15,"integrity":"sha512-s7IqJfCHafbLIYOUIsKfDtSsXrKtKmkYHb23m/kIZwRkm69ZjcFMpXbvotFVjhEUGpwCYzrrWVCIZZbInlo9OQ==","signatures":[{"sig":"MEUCIGVTd8zCgIKp5IAQQ7gHvex0OIrmQ/5NsfFp+HQdPT/XAiEAiI/zhVs/zGcPv3hbRcEbSTVVPxQD3n3k5wuFy7Jdm7w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":468497,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgHAFECRA9TVsSAnZWagAAEK0P/1Ja1WwbLgQBgbXYMTQc\nK0dVN7yZUNTpzBo7xH+8iDGGxL50Qaa6y0kIpbAdZjsahBWd9/GzslLsboP9\nVShEXDQWZPNG/dg+4uYFaXcQpOPMgl2MpFoqgGXNvt1KQuyqiEoZ2g5jrHUm\nFBOD1cN1vn+9a1LTj5g8T4LiPf955AOGEythNvx79y/oPRZuWCRhVqmpJTkW\nKqxXhVUF6XG6Bbn0ti9U57GE+YJXCRWs7LsCdSrK6o3oYuAhMpo/fnNobbxS\njQlxc0H+4ehU3iq6GssZFcIakz0t5BmX/LjqFLza3PMSCtpcaGpSkkHKVljt\nRJYDMv4JJWGg+5NuhAyaQN6RFh5494aAaojNZZsqwNjAuPKkuuqbqoJHyNz+\n4ZQ4GnKvTSjLSgOEj9lWWIyiqPujuTWPG306bBpyzqCYiBO9SwZhRUWJXJ+u\neRJ14nKc5wL/5NRQ+VXtjtMr/RZaG5ypNzjlT/8JRtyPdYbwC5KuLepkKgyO\nOmWEKd3NlZSXizOy/Q/Mn8EEPJhdtZ7B7MCZb9U3NjaLVly/vI1CFMkRW09e\nRqewgVdXbt67T4/5pjGlvuwlY1JVVATWbs2FiXjea/rSbqn4KjnGV4F5Ez09\n4oFvLrRUqOFKYd0YJcXHcbe0o/tO6oUmYHVRmqfOm2y3VXl0OotKV2aaRfwc\n06nf\r\n=WBQD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.10","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.20.1","dependencies":{"@bbc/gel-foundations":"^6.1.1","@bbc/psammead-styles":"^7.2.2"},"_hasShrinkwrap":false,"peerDependencies":{"@emotion/styled":"^11.0.0"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_3.0.15_1612448068459_0.7246750763807395","host":"s3://npm-registry-packages"}},"3.0.16":{"name":"@bbc/psammead-grid","version":"3.0.16","keywords":["bbc","grid","cssgrid"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@3.0.16","maintainers":[{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"icat-readonly","email":"icatteam@bbc.co.uk"},{"name":"iplayer-pc-downloads-pipeline-bot","email":"DLiPlayDownldsTm@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"0a64a44573de4c1b14af4a64c1b06930fa0657a6","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-3.0.16.tgz","fileCount":15,"integrity":"sha512-tTCftvsy7jKb5b5quCqjBsgs487Rmr0X6RbdG4UYhxW/xiMBdxHpGeeFJrwiGkNAykC/S2nD5wHWvaB/LJ5bIw==","signatures":[{"sig":"MEQCIBhB1PV6qh+zp6X9+VAgsV/W7B9Aq+px628R2QDVFHqzAiANMSb1158P7ojVF+nDBenzGnTf9bvuRGOb1/sz2rTJMg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":468601,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgM3F/CRA9TVsSAnZWagAAtyQP/2+r/C5vqr4xXaM0CdVP\n9sU4/YHrEvwwnh4A8Qqt5tLHaGbOJre3hu2zLDV3QY1Mm8dlAgZZ89ScvrK/\ng5rVCaVIte6GE7PM2Ccd3/5lMw4BDVtHQ0WDLV6ozcBTPmeWAbd7MSE+zDYU\nYJi/loOPd2+ElpuMkrGm1LwdjPuUHIdVusV3WGJg8CoIkKviGOTu0OiaxQ3l\ndE4d1hModM9fIa6AvurXdpG2DMyBhcRUCvkoN/uj06oX8Wv8XrqHKOO0jgmD\nmo0IQJce16Km4mr+VImWDZWkA0Ps08GYDcFRibH+GbpgWFDMbvBRjgbcYU+w\n/bke8gfv4ixTFakCpBgbYUk9gY2oU0lZAzkHLEifaBxvOlaUZLrUUzH9ex6d\nimL4+5ScrjTMpRrndMrrbRTBYBdtFbSSAHUIDJbBopusPfGCzovb4B4O0dn7\n6WRfKsOhEw2gV/+U1sBP3QPUgLCqKDqWh8LADQT4qwwOsomThjffw2cz2nhv\nesPYTQe+Mi62huRyCGrB1SnKrrOdiMM9G0NNJz/BaL7zxoqXI8f1xhOyFjXo\njDcWMssnF4RCwaWB8ipaL1daRSCgbBXvKxON8tifrFownN5bCAgXHVFQZTQ3\nivkgfSNP0bTs+uOBt51NMff2SBanQB4+VU7zYlDBPoQ7JSBRGRrn6V1m6I2k\nlDMV\r\n=Sqbl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.10","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.20.1","dependencies":{"@bbc/gel-foundations":"^6.1.1","@bbc/psammead-styles":"^7.2.2"},"_hasShrinkwrap":false,"peerDependencies":{"@emotion/styled":"^11.0.0"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_3.0.16_1613984126568_0.10773384257864915","host":"s3://npm-registry-packages"}},"3.0.17":{"name":"@bbc/psammead-grid","version":"3.0.17","keywords":["bbc","grid","cssgrid"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@3.0.17","maintainers":[{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"icat-readonly","email":"icatteam@bbc.co.uk"},{"name":"iplayer-pc-downloads-pipeline-bot","email":"DLiPlayDownldsTm@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"70b6e2ba98442aecf3d603854310da78370da234","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-3.0.17.tgz","fileCount":15,"integrity":"sha512-zr2OlTnlHL9MforzsqQuqtjz4RwR5M41MTtbGbuWFeUaj4TwPHtxGY+/N5y/d7sdF3medF7T6MzwbEL3qtGAJQ==","signatures":[{"sig":"MEUCIQCPrItoOIlIZElsSW8aJl3U9b7zhgPercEVYeE3UmCJ1wIgO4K0KE/CDQtXSZ+uayq+XhyVRH/DCnOnncYV4a+VV6I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":469365,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgPh6UCRA9TVsSAnZWagAAnnMP/0yZBnGD/EeJ8fiYeY6T\nkyajQAkNPNpNEMdJSqjaZyQYrW8Xts6gpfTvKqFeMf5q9nKSpuXDjpA/XCTc\nsG1/JLRLrQE+IjKkP7zly+3rfOn8W8adxtseDKwP6wuIDVhPj8e5tZX76Pel\nczr5a6wGR3PHGPNyWTr8ouicXvu7F1gx269/d3BnuvpLkKMMMa4NenBfdBDT\nlQuehxsqdY9KYUuloN7PvGcwjG30drrBk2liJYsP7b0MmQdTz2OU6CuqORci\nOt2n3m1JVoFaJ8vADTkBCoBmQeJlkn15nRahJeh2ytw3TL8bzqjKItGt5y7U\nFG8g25rXjASsrCNJlwSW5kF0/YKxRGILecmGdex5BeeaIEvr/vNe0Qj788e6\n+4NElT5wTBfmq+Qw0/YTN63r9iZYKOI144NWMfjRLR0f8lgdHy77JxvV2kQ7\nTsGj7eR+b2UyMNc3nRr7kVHrBn7HPYs/ylR4/sircCqz3gPxtXKLkB2Eo//x\ni9YCQ7sq9ValDavKpqgJCZaZMsIz7WaV9Pj12+hYPvYtBCRC9ay9C7OISfOn\naBl/Whandbeug3YZbH4bWe0zYYptaEnuAIKGJBsLxhzxjBKia8g6KAARm+/0\ndD97BWqzx27nEi3AOdO3m6QJOtuqKW/Cuaq0sLCnij/vHoSAT3dc6jkI/xuQ\nz2l6\r\n=jxhu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.11","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.20.2","dependencies":{"@bbc/gel-foundations":"^6.1.1","@bbc/psammead-styles":"^7.2.2"},"_hasShrinkwrap":false,"peerDependencies":{"@emotion/styled":"^11.0.0"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_3.0.17_1614683795457_0.7443410716164871","host":"s3://npm-registry-packages"}},"3.0.18":{"name":"@bbc/psammead-grid","version":"3.0.18","keywords":["bbc","grid","cssgrid"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@3.0.18","maintainers":[{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"icat-readonly","email":"icatteam@bbc.co.uk"},{"name":"iplayer-pc-downloads-pipeline-bot","email":"DLiPlayDownldsTm@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"6262eaf86b7a20bf5a8549e4fab020e6305470be","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-3.0.18.tgz","fileCount":15,"integrity":"sha512-vOp4XflMxi+GiLjXAlVPZK78F4eMTSapen2NX+5TDKg3VE0Y9eS1/SbaeRZOdHe2qzgYRY2epsPVKGAuHVmm+Q==","signatures":[{"sig":"MEUCIGp0chkGNyCNRxZOhfcBJQkDOgccRKhTGgMYwDpi2ZpgAiEA6UP19MUcsmbhs0XhpY7yFWZBXFz+BuR56n8yivm2dU0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":469521,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgSMIACRA9TVsSAnZWagAAxSYP+waEC3aks0BGhdvKUwDh\nw8Rep1HSc5JhyrFMGWmt6pNoEtjmZWHh/d08ESThhqOJCNJWVAHxt40ycaGS\n3nhiigMXHvacqLKzvf6I2EZ5Qtt7kIqojCP9dEkemGkaoIt0/fyJ+2tu4LGr\ngSUSo8gdbwmLufhlhPSpTvIpuGuio0e8TLtq8TmXHTpKLzFbpkYbfOnLu1F1\nuR+dTVt9o1gPbJfkTQgqeFlmp/FuXOXDmL7jqEa/Opc3F7QvOTw8zaYjNcf9\n8FfUujvBPNrpldDIJQhviwSeg+sfpY3YY7n7qXIExHcvRQ5eXGzdTltc/A5X\n2BRHTSGJfrt9WYSvXlSUKFMS0g1T+6Iuqah+yMzF3xVPXvIS+22AfQPyLnqU\nkCAk9uhs0Np3ITKZyE0BAKzoZ152q0jnzXukLkoEzydTC59gIeh0PeXOt4k3\ndcYOkTV0PgvXfZo/5QI3JszT0UHEI+xr2OcuoyhP+/WpoYxiLq24y5AD5JAt\nXfL01pUWBInsCe8p1TSCVPIA2JkLpVTXWr2QyNmm02ngKVj7iWc6JG6ho+Lz\nyRa7c3Bi9LqKWMKZahrHXBLpmuLU+SUxlbZGQ5+wnEeKzcxpgkleYnLYFdlv\n13rcbfO2ri/xf/sDdr6dzYeXthB9+Z/NKJQ0Bel4U1QhAibmuw6+Y+WWsfqQ\nx94C\r\n=b08S\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.11","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"@bbc/gel-foundations":"^6.1.1","@bbc/psammead-styles":"^7.2.2"},"_hasShrinkwrap":false,"devDependencies":{"@emotion/styled":"^11.0.0"},"peerDependencies":{"@emotion/styled":"^11.0.0"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_3.0.18_1615380991889_0.26263486946661097","host":"s3://npm-registry-packages"}},"3.0.19":{"name":"@bbc/psammead-grid","version":"3.0.19","keywords":["bbc","grid","cssgrid"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@3.0.19","maintainers":[{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"icat-readonly","email":"icatteam@bbc.co.uk"},{"name":"iplayer-pc-downloads-pipeline-bot","email":"DLiPlayDownldsTm@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"6b20321063dd8fc004eb4e06a9fb8866912afd7f","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-3.0.19.tgz","fileCount":15,"integrity":"sha512-tWAz9Iq7CafLkLO36yFLF+FLOvTJ5e8qR3MuJhMqXnoZFb7wR7G6LSG9LX6kE9yH4dnTrtNOTCHZUBEmkBmI6Q==","signatures":[{"sig":"MEUCIQD2rhcDcnlB73yVLzIUmAclTiCAvCnUeXYGYvccWpbGPAIgc7AfFnsG5E+Z4naiSSX+Z/bHRuULbs84mT4ARpf5sqM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":469519,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgT4hOCRA9TVsSAnZWagAAENcP/jIL1kcN/i6ntfIKq3qv\nk6s1cjCVxksqhaVuA8XYy6hFvlILjPsLejVdUtaXyCr3U1g903W7qxjFoI4n\nHrB5iKwDTKev9RMZjonaS2ug3Hfw5YU3eQCZYVdr1Dp0rokpQ6BTXQl7DWhN\nv9/AcBREuiHmWL9aZo5pN4pqzHH6aCr/hDt6hlZ9eHEdNyWVciuRe6r7Ix34\nmEbuPNrZHdVdHp24oRe/Gxd9R9kSXPtsOUvJRwO0iTpZwq3F3yfyLW877t/e\nklBrO0PJCAdKFaX3tbLwAgvlJzD1bcTVtjz5ZtxiJm422SA7ShqzDQbbNSx3\nXAujIIusDCeaZjrsYpL2BOMREVc7wPX4NlhcpCS2Vcqvj3Qq6XSaePVv345K\nsjlOja29DztL/bvOtQkT/z2Kg2JOAFqzN/I3hcPDmry1WugTAgexRhu9FSCM\nwIIwp+HCrTBVXX9krDGFIjvH2x22Zab/h94+3BTnSHCvZWpQlCiJRySOAysL\ndLl5Uge+oSGQJy09BIBP89s8V3BpcsqFA3vHj570OuD0pxXwsksyTSvo2c2g\nnHCKCZ6jsJ7Iti3BjyAzvZk2MIn9rj6bH4I7rOMO2SA7Q9v2ntydkERpdl+m\n+qvUOoVLe6/WDF3O3zvhppQjnIs0OstJla7k48cIXLalEgKNZA0I0yjI+Hth\nxTTw\r\n=BOxU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.11","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.21.0","dependencies":{"@bbc/gel-foundations":"6.1.3","@bbc/psammead-styles":"7.2.5"},"_hasShrinkwrap":false,"devDependencies":{"@emotion/styled":"^11.0.0"},"peerDependencies":{"@emotion/styled":"^11.0.0"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_3.0.19_1615824973836_0.26256734888896927","host":"s3://npm-registry-packages"}},"3.1.0":{"name":"@bbc/psammead-grid","version":"3.1.0","keywords":["bbc","grid","cssgrid"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@3.1.0","maintainers":[{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"icat-readonly","email":"icatteam@bbc.co.uk"},{"name":"iplayer-pc-downloads-pipeline-bot","email":"DLiPlayDownldsTm@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"1cf9ee0755fc16fbbf143dedaedcdbfa9df8a5a7","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-3.1.0.tgz","fileCount":15,"integrity":"sha512-pE3V73YBxxD0yHKbBCRRPStAt8CdMPT+gF2moqc4+dmpLXKFFcXPFjFdM1S4U54kkTFUCC7o85hPoRN7WD+F5Q==","signatures":[{"sig":"MEUCIQDe6yFgKim1cxlD1z+HNWVdvXGdrjBIq/Ec8vJCHgdspAIgKvFrmoZkH3c3+7q9sBmNQXozKo08J3KmkJ/miwjHfww=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":470448,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgrksACRA9TVsSAnZWagAAHV4P/1hbV1X4I0xJPoDveQuV\nOP0Kn+N4KdfWox2ICmsHV0pPwC1CAUFMsa12n84VamPdA+BqTXI6u9VkETF0\nYJf8JRFNdQRCgOS0jFMBxctJx8AIaKFxQegwVW5LAVNWwjyuYd5KxXzJuW7t\nIkM7pCMhDgg5JkT3c/GtZKUQ4c7G01hC8fAp+N1WzjZkGuDiOOIjrYzwScFG\nAppTDF38sLR3vkjQNoBczdsak5UBk6jZ+shBH3ADRxKr6UwiST+RnlmTpXTb\nWTzkil+t2a8wmLgBUS40GcdSqoLDvc2gw0XoW170L0+LiI6JDFoPXmnDZTzd\nxtcH3vqCQKfOgLIvdS8d3uy92ummYBAWyeRjdYx8QewTj6MTz3vESgZhq29z\n4R7PgP6WzFqbUY7mqw0myRqepgGitr7UHdwOwmf2dmT6qSfSmUe62fl8NZ/r\nm7TrHiHr08u6Xf1H818O6tBBpR03tVShxZXYpSwgBcF2QSBi/+yu39m5aROG\n5Gp1GxwaOvlzjTpeaINS/2BdibniYK4v9pAv1APj73DztYOwj7O2+Sd6r1tk\nln3XwmZgaZk+34HsHwD/ZUO++Gy78yLszRgLxzia/yZDlZXuXeGQJ7rZyuCC\nRMNOacxTffWzJ6EMuj+h9VWcZ+mpCYqIevHwrvTRETRJPOMBq139euLRVrMW\n/aQo\r\n=Qtek\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.12","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"@bbc/gel-foundations":"6.1.3","@bbc/psammead-styles":"7.2.5"},"_hasShrinkwrap":false,"devDependencies":{"@emotion/styled":"^11.0.0"},"peerDependencies":{"@emotion/styled":"^11.0.0"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_3.1.0_1622035199911_0.574936492314978","host":"s3://npm-registry-packages"}},"3.1.1":{"name":"@bbc/psammead-grid","version":"3.1.1","keywords":["bbc","grid","cssgrid"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@3.1.1","maintainers":[{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"icat-readonly","email":"icatteam@bbc.co.uk"},{"name":"iplayer-pc-downloads-pipeline-bot","email":"DLiPlayDownldsTm@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"53a98bcfc1398fde81450d252725b505aabf54c5","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-3.1.1.tgz","fileCount":15,"integrity":"sha512-gDV+VvgVVHqFZT4KHWtAoVvKPqqDyg58UlTf4xBpfvPwgPxtePb5xE5JD5WLpcsIi/HIyo00leMMNiojIPXfvA==","signatures":[{"sig":"MEQCIDNR6DX+rzIqnZW/3tjEpBMy/yjRdOLT/5gr2yYyTPX6AiBQzcO3Nvom9wVK0s7o0OPlefHO+g+Z6YKoe7CnhQYo0Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":470546,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgr2CkCRA9TVsSAnZWagAAaDcP/RNGhLocquTGXtiYSnbr\nIaKjxbTYutBJ9Q4Svgm+bJ56swyi5Yvzjldmcyllypu0yPHHmskoRF1vRkI3\nPrFf7pSrupfWh5oaPcqw+WU92B4pKieUwTUCtmicDKa2BOEW2MpDmEsiWbAn\niPmVL+fMYy6+hL72KoX8oEvP9xCiev5RPZ68Wdm7QiTakbMLRqgQiZZmKwgZ\n1OmkvZd+MlKk8jyRk8Uh3rSw58FUZ/fWqDZDRr+x/AgjKdedQ1vgsg8Do6nf\nixq6h7T5D5Tacgw3YwZuMbg7PIQ1DE5mb6iPF7hNVpFqwUOlBBaF2QJ2PlyY\nHqCTe0ZrlgzI6Xfd85HKm/8PEEFtIUwzPfuk17BLoi710BKzdlqHNNRf8fs9\nOjW+euTBww9hTNQL7a8jCeOCR6Srg0tJHC5vKnCUdjwDhUnIBX2hGmATZf/1\nO3VI3TNNuEViUfjLGecemTJeW8rQd3KybIdKf7yyGkDin7/rbcWMycWM/0c8\nz5O6Om5D1dPzprotMHEqw4aTVJLkdHc4qCdZ67xNBZCb3YkGP9wzfdCggmUO\nLvKyYRBWeBqjqnZclk9DMrM/WIObM7JFKZnUThssE/wTbKCqQiMuU3rwgKNl\nwhbkZa/Lyho4uT7v57OCCWMdYopX4byLZXZjxxcwGhQdLfM/T4Uaf8mK+ho7\nL/FV\r\n=fvFv\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.12","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"@bbc/gel-foundations":"6.1.3","@bbc/psammead-styles":"7.2.6"},"_hasShrinkwrap":false,"devDependencies":{"@emotion/styled":"^11.3.0"},"peerDependencies":{"@emotion/styled":"^11.0.0"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_3.1.1_1622106275859_0.6845645190611143","host":"s3://npm-registry-packages"}},"3.1.2":{"name":"@bbc/psammead-grid","version":"3.1.2","keywords":["bbc","grid","cssgrid"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@3.1.2","maintainers":[{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"icat-readonly","email":"icatteam@bbc.co.uk"},{"name":"iplayer-pc-downloads-pipeline-bot","email":"DLiPlayDownldsTm@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"d5bc8035e7d7fb5e308d9dad8aa09995930c7048","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-3.1.2.tgz","fileCount":15,"integrity":"sha512-YSYEV9dQZs5Uh+Lwjq8dDQJUHyUwqT0k2GmcWX6F/Djy4LsKVV1u0lT7Wi5yHCo/gOqFxLhKVcQu4KZhmmQM5w==","signatures":[{"sig":"MEUCIAJPmEVKvCgE9kYDXY9X/XQfO6F7F86XPL7jX8D4j71+AiEA8QO75fwWrQd9Xv7k80xtIyWa6jI/CBXV8T0QZueT0XM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":470687,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg0IgnCRA9TVsSAnZWagAAWEYQAJRHCgc6z3rY0j9SGS+h\nWvG60leEGCXGB/k1NscWsVZtcWiWiU3MruQCJiOFYhuWgh8zuRDy+GlOFM/I\nMpWxho3neyKypYJbGD5i6a0kseWSpISXs5wi6+5oxPvNqTNtePm2/8sg2omv\nQvPqvYTBR+ikMu40VuW3Sh3Zf35AdSt1o7YG8GPB7ARE4v8cJ2h6K+4d/pya\neIJqF1uw2U9rFbQNFEGVZSByYz4Z/X7alw3q2yyr0VCZuiNyirbdRqva/MAv\nZXIYmA+k2/augxj3AfCQjmbcbypGeIUsXaxbNOUwaYA2eIdaNkVbdJGimF3o\nHtjFW277uJnYMS7UXo5v5teE+Tw9UUAO3BlnZUsEssG/jt+4Dw2myEU5Y4UP\nzZJV4bejJfZGObi0A/nxN4RMRNimUYkJ2weBco7WKR1xUxB8EpyRKiF44g25\nD9blrHWCxyUPhZX4pPL04+8IuEHqe/b+wexQGRaCX95zNn3g+1cFxeUlEF0Z\nIimIeGRoFt72hTEksuxfFGUQcpBS78iwI7mkOiNHoxpWGMZGUUtTgqNBRa1K\nbz8mBdTDG2oiKjxapPBiOlHQtkJeA6oZFhoc4zaogPxrYezR2ciCgvXQSPoM\nztOEhAZb2VkIPO3zfdFy69NZOjPqF4j5SpGo8sGK9SIwa2nRPrhdZc4T0N/j\nhMlm\r\n=xMmF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.12","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.22.1","dependencies":{"@bbc/gel-foundations":"6.1.3","@bbc/psammead-styles":"7.3.0"},"_hasShrinkwrap":false,"devDependencies":{"@emotion/styled":"^11.3.0"},"peerDependencies":{"@emotion/styled":"^11.0.0"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_3.1.2_1624279078530_0.2072680401140392","host":"s3://npm-registry-packages"}},"3.1.3":{"name":"@bbc/psammead-grid","version":"3.1.3","keywords":["bbc","grid","cssgrid"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@3.1.3","maintainers":[{"name":"bbc-web-core","email":"devx@bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"icat-readonly","email":"icatteam@bbc.co.uk"},{"name":"iplayer-pc-downloads-pipeline-bot","email":"DLiPlayDownldsTm@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"4b08fee913f2076d9c76a20119ff5942fbb08c6b","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-3.1.3.tgz","fileCount":15,"integrity":"sha512-flw836ZXTkdkd2q85acQYA0X9GGWTW2AACrHDeYROTwBV28+s1hEuI+dGLvU54dWsBikuq38PxtiIJ+SUfY23Q==","signatures":[{"sig":"MEUCIQDTEylczm6RUUD4s+w+Tj0LyPxhqsyiPqfoe7oED06dEgIgU/Hmj923+KvyjjDkX1Wx0wFD/36DwIiI6BmXUqka7/s=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":470773,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhP1GJCRA9TVsSAnZWagAA6z4P/juyKI1U/auzUncdc9Jm\nZbl8m7oUWg8A0GFBlvVdTPFwrLXSi/XnAf+1KWoYXAa5Gz3urNa7i0QjAbx4\necRlrMNEY5n3+44uqRsRJXBNIG0zHGXaEaDlfGdIOcxXYf/bC6At1vQiGokV\nMfeL4NFIim6VCwQ46n7jpt9jpPYhwG4qpqlJttIZ/opqTIkebGqBgB/XLa4f\nQ6CHLNJbs/G6ldAIRJ3vl77iAnmb7yCmeyOSXtzCxZEtta8Sr7vJs/RI54oj\nwZWrpr2r66SBOWsEnNQwA5gLv7hGfdjLcsw9q9B6tm+Z4z448YMffxW5UOfj\nSn8gEUXtIOSctIIjkQY/LaD1CqAXJQZ2S7ZU1jzpsYGemFlNGZiVfvQ1womV\nOpxcrZmXCO3V2jIUULka1TYe/qu4MDTp087okHhsC9I202NGcXGSbHNEmxHb\nY2DBJKdRo6Wpre+wg5Y1pkYWgU6cyQEGHTzmAcNF8lGdaNhTVOispb0F273q\nGaDUK850f3fwhLME8KGd67NdwagQaDT4oFFT7zqAoXQ3fu2C3oOU0YLr5za9\nDKAcwFi3kMlx7lqw/QM6OJpYXkXhLYipL/BPAKLuXBvZz6XLitbfqP+9GCdt\nchv02m7IATophi3n5VdgQZjQydeFoacCxx7tiTa/AHZY8MnvqbHcO2SXA4be\n9xWE\r\n=Kiuh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.15","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.22.6","dependencies":{"@bbc/gel-foundations":"6.1.3","@bbc/psammead-styles":"7.3.1"},"_hasShrinkwrap":false,"devDependencies":{"@emotion/styled":"^11.3.0"},"peerDependencies":{"@emotion/styled":"^11.0.0"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_3.1.3_1631539593581_0.7730972747314213","host":"s3://npm-registry-packages"}},"3.1.4":{"name":"@bbc/psammead-grid","version":"3.1.4","keywords":["bbc","grid","cssgrid"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@3.1.4","maintainers":[{"name":"bbc-web-core","email":"devx@bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"icat-readonly","email":"icatteam@bbc.co.uk"},{"name":"iplayer-pc-downloads-pipeline-bot","email":"DLiPlayDownldsTm@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"27e91df5bb5b3c45745db4e3e491008660329c11","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-3.1.4.tgz","fileCount":15,"integrity":"sha512-Birtvub7dox520TQd1H8FHoclSEWet3qFj5dn7i3ns84pq1e600D9FjYCSV9WrGoxl5kHGcZhLDQuOmeu1p5oA==","signatures":[{"sig":"MEUCIH0KCfLDwDstd4/tnJUb5EGO8tFgOsfwCImT6GKjnBDRAiEA6UtMP0u0lFZxJaXl2n0mZUGC29c+ByzBs39efnEF+bo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":470881,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQgfOCRA9TVsSAnZWagAA7goP/1LPxfgB2KeafgpgOxiG\ntZf8JAHZSIGFy/kWVnv+5RXwKevMd2e+NCS1bX/BrIP5+rRO1LXPp+KP5pmP\nmYRhzf+/imQDgiWmEnsysyyLUNuuEvvas3MuB77GikVQdQdIbEgNdcJskrvC\nC9LJuByMaqw4kf2T4eNIhATofUDOWmSmDR+YEKqZEiAqVk+KP3BZm2QFpv1o\nv8IiQpUNnrXEY726V1Lqmmqd19vmH/7Jn0gDXCrW8VXsoh4WY9vGWGaJaPBL\nCrakSMuvpNGXut7NT4kjn1s5oRJLfb+lR+hV9llYZFWbjwzCB6e5jDoqH+ul\n4agUarstU83xpo10LOgomwajwgdmo9TBsVkvPOIfXrONl5QiTDaOaTI3GDh1\n4APwISbKQVqhBSAYAmp1M+sVWkDuMcUx781LE5LJX8oo7JmoAXhGTogzps+w\ngvvOp21A8OLkM7eM4/b+72jp8MLrAXgeS5KsTwXST925BYmZwzKaY7JFnN26\nbJiHfzkYNGHmfnMH+W/WyTAfosv2gZ5mktCKhnvHO1vvMbracN0faD3dlMYt\nVU5SgneQdlUydmMm+PxG1oGudpi2H8dfR2o0sJAOmp0AeWRwzmfrB0XQgqKM\nwal2+xikYny4cDRuGyJOz0oRSw3eD0YC2DmqIHiNt5V+shlmDsA8uWhZV4b0\n83Ob\r\n=PU81\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.15","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.22.6","dependencies":{"@bbc/gel-foundations":"6.1.3","@bbc/psammead-styles":"7.4.0"},"_hasShrinkwrap":false,"devDependencies":{"@emotion/styled":"^11.3.0"},"peerDependencies":{"@emotion/styled":"^11.0.0"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_3.1.4_1631717325966_0.2922616952443151","host":"s3://npm-registry-packages"}},"3.1.5":{"name":"@bbc/psammead-grid","version":"3.1.5","keywords":["bbc","grid","cssgrid"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@3.1.5","maintainers":[{"name":"bbc-web-core","email":"devx@bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"icat-readonly","email":"icatteam@bbc.co.uk"},{"name":"iplayer-pc-downloads-pipeline-bot","email":"DLiPlayDownldsTm@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"4c1e6ce8701414708546eea648445f97fc60817e","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-3.1.5.tgz","fileCount":15,"integrity":"sha512-DVFZ3yWLcayCefIlhTBYtR8DoGHuU9awzUaOyG4a6D4563WX78hymiIJVrcC5FLP6UtYWGN4KSjNyyjAihbT4Q==","signatures":[{"sig":"MEUCIQCK1WbUsaN2tByewMNg0PnoQD4i80uX4PY9OpLaEuqZzAIgXz2/fLJQIP0j/o7MnAvNMQWIb2UAjx8b00TqD/fEz1o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":470961,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQ11PCRA9TVsSAnZWagAAHIUP/RBXGbe5UuoMgowwCWvP\nA/9/4s+7geAI/fnWhJf3Z7BYX4UiBWSpx5OE1JzX6OwE5WxIflewp9is4U3/\nJrVuAS/BbAlJ8OQKHVfg31FJ4XbKslfAdziGzmMGV7ZQv5U1oPKv3+JZXYlG\nmwCwvvZ4qKX1Z/gdZ2T2/GIh5jabzTlMVlRXNHcYRfdtBB0DB6s07re9JbrB\nxyApm+MFGaFDOaDXaoUOMkK+BxgL/5JKBBrcv7oIMGvblEHDWlMEpEo3qTF2\nx61Lakkg0kpg+oVxIXSSwrdqsIRIBYbOG7Hb+JZzbxkQDdUxov1lNGZQCEy3\nE88ngvvHRpMOxQ4AQiXZcfb7iqE/qlYYy1M9k+74tJ81dlT9voE+zGvqGYIK\nPXtkddJUfc+BvRGCr2PCSxtzvGDYKoxhg9ApG9odcHvPDt8js//cXdbUNEBx\nb9GEtNCUH0snVR9VPkfGzJrGFcPOKAMagaPlABKdCcEteIe4iysuN5PbmB9k\nK2umpmAtpIajQLwX9eBooVlDQBbarAFG4FpurpPP09+pOXwREcATUg851for\ncMfEG0VPAxaMayKUrMaenTcKGSqKq0kMIiSf77v8LD53yGi28F8srYfMfr4a\n6yaJW3USrpItSE0FU/oxJjLgn66XWybt0fnQ5JEc0N9InyLqFy6rovg1ZnrQ\nv3tY\r\n=qTFH\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.15","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.22.6","dependencies":{"@bbc/gel-foundations":"6.2.0","@bbc/psammead-styles":"7.5.0"},"_hasShrinkwrap":false,"devDependencies":{"@emotion/styled":"^11.3.0"},"peerDependencies":{"@emotion/styled":"^11.0.0"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_3.1.5_1631804750840_0.5943285566567955","host":"s3://npm-registry-packages"}},"3.1.6":{"name":"@bbc/psammead-grid","version":"3.1.6","keywords":["bbc","grid","cssgrid"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@3.1.6","maintainers":[{"name":"bbc-web-core","email":"devx@bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"icat-readonly","email":"icatteam@bbc.co.uk"},{"name":"iplayer-pc-downloads-pipeline-bot","email":"DLiPlayDownldsTm@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"8476ef90803891d74b4aafdc8b63f5bcd53f17aa","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-3.1.6.tgz","fileCount":15,"integrity":"sha512-qlOdg+CDgVV2VsEh2fKkOJSilMmHFvvFMvmkMTRoA60vICGonG+cQcbYUV/pWWuBPZaRhSyjYTvMvwgXKjAvWg==","signatures":[{"sig":"MEUCIFE5j9eV9Wd8hIEtNwu436x7ZXWJ5VbkVoSSfv9nZ2E+AiEAh7sVhZeNO3xV8aDoIznaeqaDEY8PiFNqAzM7ggYiNGQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":471045,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQ3laCRA9TVsSAnZWagAAqA0QAJeYMezt8xURrZ4JbsUV\nbUfeJlTUHD5kEcI4Z9aNgfRMRMhPJcxY2atl0NmrR+HvDXC+XCEJpJQrTJr6\n6I3Mp9mWXC+dDXaBd1l8Ye0uRhviFSIUNaG8se5YfnUGJIXO/SDAr+sK/qf3\nhjXwAUCTa9kZYJE3mlQeeGTCvoJbGYn3LIXyhT5AvaYk1scPP2LOhuJ+0Jlw\n0jpCp6fAkvPjwqB5q32tweFsts/k/1VweqJ7hj0ud2X837sMndjvDh4WT+jO\nR2iiY/nf/zreCUdjwV3Qxx2OvFkjOCW8IUcFJWU0SK1ROij1Bn2jL8PoOES2\n2ODwfv0cwoFqatBux0l0BCQ2Srhic+JJR1/TqoPTa5IG35lUGuOB5wZUcr9K\nD0TLx5JPeF2QRmcsxaZXWtOU/urmot51sge6BN4/gRUJ/aMLng0MvulwkmbK\noDSUx9n46KCfXgFjp89QrhEUvduMft0s1ccIDyfgqSmBTI5kB9VLUTMhmk/D\nRvNIMcgrM9McUT+Ltx1jitqYoC2EI3jUZIfTYTjzO8jMXCYsHOOlSipMnoYn\nEqwuC9Bxrf56DoCpVo+GANRz1k6DdF9DWanhBHxq6ceg59kPLcFlJUgG00l/\nzojd/Bq3rFXMnhDEKNV4I4P5bbQZXwxd+ZTR1zw4dmaA2VljU4+XX7tBAA0i\nyAIg\r\n=3UWI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.15","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.22.6","dependencies":{"@bbc/gel-foundations":"6.3.0","@bbc/psammead-styles":"7.6.0"},"_hasShrinkwrap":false,"devDependencies":{"@emotion/styled":"^11.3.0"},"peerDependencies":{"@emotion/styled":"^11.0.0"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_3.1.6_1631811930791_0.8632338315635979","host":"s3://npm-registry-packages"}},"3.1.7":{"name":"@bbc/psammead-grid","version":"3.1.7","keywords":["bbc","grid","cssgrid"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@3.1.7","maintainers":[{"name":"bbc-web-core","email":"devx@bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"icat-readonly","email":"icatteam@bbc.co.uk"},{"name":"iplayer-pc-downloads-pipeline-bot","email":"DLiPlayDownldsTm@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"a17e26e8c2d5511c8e99e6e4129812da40bc378f","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-3.1.7.tgz","fileCount":15,"integrity":"sha512-y5T+EO8roxer09RxUT0fOXa53xRH/i4/qlMfBLdlxi2o98GTWFMkyc1Oo2BsYosrxJ9Z9RkEnsTvIKjkJ64fHQ==","signatures":[{"sig":"MEYCIQDM1OjQZj7jl6O3EylSh3lIK8qtTXsJ9Rv3cBTVoOmX+gIhANy8p4RvhjnOjYddM73aZaXpAgJX7v2wXZz898h4v2yd","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":471153},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.15","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.22.6","dependencies":{"@bbc/gel-foundations":"6.3.0","@bbc/psammead-styles":"7.6.1"},"_hasShrinkwrap":false,"devDependencies":{"@emotion/styled":"^11.3.0"},"peerDependencies":{"@emotion/styled":"^11.0.0"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_3.1.7_1632228009571_0.7307130585749231","host":"s3://npm-registry-packages"}},"3.1.8":{"name":"@bbc/psammead-grid","version":"3.1.8","keywords":["bbc","grid","cssgrid"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@3.1.8","maintainers":[{"name":"bbc-web-core","email":"devx@bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"icat-readonly","email":"icatteam@bbc.co.uk"},{"name":"iplayer-pc-downloads-pipeline-bot","email":"DLiPlayDownldsTm@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"d46b7cc2832bc4f6e0f87c6e17a8c5d109695ad6","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-3.1.8.tgz","fileCount":15,"integrity":"sha512-KsaNDy7zlOFHdVGuRC9gLTKvjoZt6uvuZB0fAGqRDJk1pOtnzJGgZ8UScqnv9VYEPekSfiQABES/05EVeVQ6Dg==","signatures":[{"sig":"MEUCIAYA4xxjO4/JNjbrD2VpmR0VKH7SSt6esxjOAq3voIdgAiEAylOqdI9Ea3qq+iRZjEnZc6CbSeBDLcE6NeXyqQ+glzE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":471239},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.15","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.22.6","dependencies":{"@bbc/gel-foundations":"6.3.0","@bbc/psammead-styles":"7.6.2"},"_hasShrinkwrap":false,"devDependencies":{"@emotion/styled":"^11.3.0"},"peerDependencies":{"@emotion/styled":"^11.0.0"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_3.1.8_1632300763103_0.6674204891404523","host":"s3://npm-registry-packages"}},"3.1.9":{"name":"@bbc/psammead-grid","version":"3.1.9","keywords":["bbc","grid","cssgrid"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@3.1.9","maintainers":[{"name":"bbc-web-core","email":"devx@bbc.co.uk"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"icat-readonly","email":"icatteam@bbc.co.uk"},{"name":"iplayer-pc-downloads-pipeline-bot","email":"DLiPlayDownldsTm@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"0943d97299213b270b15834026e8a42f92158efb","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-3.1.9.tgz","fileCount":15,"integrity":"sha512-fW1SNhvILbY6rx/a6HKIOhCnjMOd938IMb8AFblT+xif55YnBqSTLCo/05chnRb7Fg8ITmc4/mGIXD3dQ9/CaQ==","signatures":[{"sig":"MEUCIGVNH64HWVzyMp7HdfM9jqHT7tJm0kpbogAn5N+dVjoaAiEAisL9Tma9MGOCEHoozpiMowtmnJbH5WnkykAZG339xNA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":471330},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.15","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.22.6","dependencies":{"@bbc/gel-foundations":"6.3.0","@bbc/psammead-styles":"7.6.3"},"_hasShrinkwrap":false,"devDependencies":{"@emotion/styled":"^11.3.0"},"peerDependencies":{"@emotion/styled":"^11.0.0"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_3.1.9_1632312926187_0.6272790649091293","host":"s3://npm-registry-packages"}},"3.1.10":{"name":"@bbc/psammead-grid","version":"3.1.10","keywords":["bbc","grid","cssgrid"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@3.1.10","maintainers":[{"name":"news-vj-bot","email":"bbc.news.visual.journalism@gmail.com"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"bbc-web-core","email":"devx@bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"icat-readonly","email":"icatteam@bbc.co.uk"},{"name":"iplayer-pc-downloads-pipeline-bot","email":"DLiPlayDownldsTm@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"06375e3734390be73e43a95bcf50c8ff451cbfa7","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-3.1.10.tgz","fileCount":15,"integrity":"sha512-EX/JJzxV72gIEjSd4bNydUbE3FL1Q+cRBFRXbgJSpKajhd5pcXyf2f3xOjflIxFkapXOYMuqsZgpnYIRnVWaQA==","signatures":[{"sig":"MEUCICn75f2/UrwpxqrQy6yIuKl1Z4cOA82E978vOoWH2iDnAiEAmGzhlTlM1EbiH1Q+QYHPMg4ZgxYQC4N/9bd4im4riag=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":471415},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.15","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.22.6","dependencies":{"@bbc/gel-foundations":"7.0.0","@bbc/psammead-styles":"8.0.0"},"_hasShrinkwrap":false,"devDependencies":{"@emotion/styled":"^11.3.0"},"peerDependencies":{"@emotion/styled":"^11.0.0"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_3.1.10_1633011006330_0.8319238391934076","host":"s3://npm-registry-packages"}},"3.1.11":{"name":"@bbc/psammead-grid","version":"3.1.11","keywords":["bbc","grid","cssgrid"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@3.1.11","maintainers":[{"name":"news-vj-bot","email":"bbc.news.visual.journalism@gmail.com"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"bbc-web-core","email":"devx@bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"icat-readonly","email":"icatteam@bbc.co.uk"},{"name":"iplayer-pc-downloads-pipeline-bot","email":"DLiPlayDownldsTm@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"45528c1d76204466dfcfa58f2272dc5add960421","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-3.1.11.tgz","fileCount":15,"integrity":"sha512-MYC0eeAvm1jmD5jeecoXSldSgYY/jUUCwn3SLYdY5LvHIES8K68D/xi/7GWHXoy8Y1yjSVtsxEI2Yi/YzFyp0w==","signatures":[{"sig":"MEQCIG8TUhJmyCDnO26Ti0mHnGam4RT3P/XNggG4VjUYdb1nAiBhVJ7yXRMZM3WaQYVr8f+Cxilm3t4gUoHtQmlSa7MAnQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":471503},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.15","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.22.6","dependencies":{"@bbc/gel-foundations":"7.0.0","@bbc/psammead-styles":"8.0.1"},"_hasShrinkwrap":false,"devDependencies":{"@emotion/styled":"^11.3.0"},"peerDependencies":{"@emotion/styled":"^11.0.0"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_3.1.11_1633531658433_0.6858180144117947","host":"s3://npm-registry-packages"}},"3.1.12":{"name":"@bbc/psammead-grid","version":"3.1.12","keywords":["bbc","grid","cssgrid"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@3.1.12","maintainers":[{"name":"news-vj-bot","email":"bbc.news.visual.journalism@gmail.com"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"bbc-web-core","email":"devx@bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"iplayer-pc-downloads-pipeline-bot","email":"DLiPlayDownldsTm@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"39856dc4ff6a212fd703a1b0583cd53f14b995dd","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-3.1.12.tgz","fileCount":15,"integrity":"sha512-Fhki/Pz6AuKr+BDJyJzSaLnFiY8HfDO773kCmzzlyHzFEkLjwatpKtLr9Vxu5dx+bwin8uRMoY1drymq34z2rA==","signatures":[{"sig":"MEUCIAnowY0Au2ERHpWEEQx8MZQSk0CNBr8jatWXwhu6V29tAiEA2WKhRCX2hLCmVMZKRfdexDYDF2wTYEYLBoXoq1ZZM6A=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":476974,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhtz7hCRA9TVsSAnZWagAArLUP/2kn47+58v3EkoqfAJYb\nle6fOLgDOUIk+rkV7/CRfmlSiJxGgjaRzPBNhA6iNwMTGaToj+9snKCtISPn\nWofZP5OsF1oBsCSZY1JtsBciD9t5vCW46YtGrjCRmp/9REjJRxAQI65H6IZe\nyIRKzchM0wmRr1DKtBvuTE7pg1UMnZLd21HeBNXBaS7uWw1dRy7S7ZoXh1s8\nqDSW7XLK1SX2msIutex+UWtf9LagHPCs1giN1ZG55KoUPYtkAA2jvpmXT4Ww\neEdOtMioHSu8w8HJrkMAB9V1ysTiQPOy7O4cAgjJZFqXogGVcquiOI9uDyR/\nJ4XNreLd938YjoR/FmZGrP+u1g+By+IV1j7T6AnWfcuQO4x9J8mJEIq030/C\nI703p+rLG4TwuudpLFx0AnTqyxIiM6Sg9Lt9pV11sI018UFaNw6KnxA2YE/X\nukw41TL8JuQDJafWaLkP4BwxmXUGs0Cg5GEJyYfrVzbQVdtK+f9H0069jtAb\nlOMuQRrPYxkUk0LYSWeXM+KiBWyMF+2R3vu1GJnSSG6nX+M9I0SR3LiHB0Hi\nnvkIDDhjuI5zz1SDJY3HB5b+qHdJoT9KnTpWVvOLYK6JFviGbgw4oqIYpcvH\nGgRAlhIYsZmqjHJlMxx+uO8+sl+hWlfTtzDcSOuAvS4E8uNkcKNpYrN/syha\nIpam\r\n=cZhC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.15","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.22.7","dependencies":{"@bbc/gel-foundations":"7.0.0","@bbc/psammead-styles":"8.0.1"},"_hasShrinkwrap":false,"devDependencies":{"@emotion/styled":"^11.3.0"},"peerDependencies":{"@emotion/styled":"^11.0.0"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_3.1.12_1639399137201_0.9274063867142845","host":"s3://npm-registry-packages"}},"3.1.13":{"name":"@bbc/psammead-grid","version":"3.1.13","keywords":["bbc","grid","cssgrid"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@3.1.13","maintainers":[{"name":"news-vj-bot","email":"bbc.news.visual.journalism@gmail.com"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"bbc-web-core","email":"devx@bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"iplayer-pc-downloads-pipeline-bot","email":"DLiPlayDownldsTm@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"5139acd7d733200ec3e2f19649c31fc0dd15f788","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-3.1.13.tgz","fileCount":15,"integrity":"sha512-rbhzyztYHfpENk9BITTkAJ5ChPMOWgh6oI9gdkA7Vt4+5IkACa2vT0JzWvx1YOBGPRQwpXXlg7xnSY5Xfd8EFg==","signatures":[{"sig":"MEUCIQDQdYw2oTq4D79FujxaHDBZU/ErM92Qyu3vFx7n0sqmZwIgPply4JTOgyLJ7f6U3Yc+Oo427A5FbE+H3F9lAgDMYo0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":478199,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhuw6JCRA9TVsSAnZWagAAEPMQAIKJx3Uqwtv3mnm86KwP\nhmJBb/khmR6n01tcmgTDSdyRmSW5y5nodpXVY3A4D3w+TeD4Qrlkwzsh9mLE\noMWZtfvVIoelvn8Gss8HkE8bZtVbOUPNc6qD4Ws8EoZgbX6oBRUlBynPFUpW\njxmFXfPIE/8TbtUm5qBlWrilQa/dqjmoUsG7d0u7O97jDSeFtGv7gf0hJu0d\nLa0xePRz+OztcSunBNbYJxxFVhTkqiZHRZ+BWlkHDvcAK7Qm9VTye7mOM2Lr\nwMB99IUGUHq67mefyIzmIYiKDiyCHJChUaYEGyJe9i/xCYjHvEsRPPM8Ngkt\n2RFLAbs/nDrYfO/F+GFLCZQIkuas92CLweqXmqJDzgB+s0gtY6/3wCTtwHrq\njmi7v+Rq51wZAvTm9iwzkpU3mDgUkxcIUdLixEdQQuE7Ulx0EJoBP6PMj8wG\nYE4dAM9uDK7X4Z9C/jmslXh4/pxnacyALrCUipPwxn1DZosS9BV5t1zBbIpa\n8XK7Mb1qSrClL6rRzWLbkGiQ/92MY9wis/X4JmmNy3X5cgyHcrWnD47M0JD4\nHVrZjLza4CBgenfaBqIxHztoW4a3CWW3hGVAmCGV7tRfVXkravaGpeUOsDZI\nvqodpY/BaZrGcA5ggvKEJkRNCrgiaGag8F9/xGhamACKQlntVAz9JI9l7NNz\nGOGz\r\n=6t0/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.15","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.22.7","dependencies":{"@bbc/gel-foundations":"7.0.0","@bbc/psammead-styles":"8.0.1"},"_hasShrinkwrap":false,"devDependencies":{"@emotion/styled":"^11.3.0"},"peerDependencies":{"@emotion/styled":"^11.0.0"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_3.1.13_1639648905185_0.5675001356327107","host":"s3://npm-registry-packages"}},"3.1.14":{"name":"@bbc/psammead-grid","version":"3.1.14","keywords":["bbc","grid","cssgrid"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@3.1.14","maintainers":[{"name":"news-vj-bot","email":"bbc.news.visual.journalism@gmail.com"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"bbc-web-core","email":"devx@bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"iplayer-pc-downloads-pipeline-bot","email":"DLiPlayDownldsTm@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"cb64ce63a32296355c8947b344f78bf212b8ea08","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-3.1.14.tgz","fileCount":15,"integrity":"sha512-6VTeWWf5b3vy/XV63lMTJzH2nD0Alslu9gW0PIjwJ2rP0xjIUYBd15IT2J7EVSQlJgDtQVlMI8QnLN+FE+HkLQ==","signatures":[{"sig":"MEUCIQD6K3MQyyZMJRwABBMFzMPqkUDEhPWkk5MbnHeqe5ZOZAIgVYJmBvjcEampouVoscMDNwSrG4mgYKcKmeUbqXyAf3Y=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":478291,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1t2QCRA9TVsSAnZWagAAFiMP/R3ATZSPQmM/bbXCRIb4\nnCckr6P/wDTM4PsBgOlen5RJu6omV0lxIwNcZZl75gpyhUhE07/dhq8s2zQf\nw+HRMCJunFbtYHIHw/61alD0mEcNIQaA42kYywSVp0RrPyjJ5Kb5QFESPKuh\nGic4kxvNrP1CYx/lp62Yrz9w5E+y3cBuoOJcolS0fG1VB5DgMB5R83dXgaJL\nAB4Oal8Fjb1nmdnOdfVqDH4XsQOC1cdf3MDOnrHZB8wk84S4pMnMAst6UL5l\nvGkeONOaURvT6Q8OPZlucUXtPrPtvkuWmKZl3hrShzMuPxwhfXJV21ZlxIL2\nY/4KHTCZg2HVzg+J7a28Eq3EKbd+U6hxj20sY3KQBXxWuxTsbbAQCtOnVmhl\nHY6INjbHfd1bcwRpaerELcYcCZgm+AgpQuYySDqN+knmndx57Y9fZ9vsZ0kH\nWBwR+XnYpgrBfwfpaHc5Q3AUjjB9/Nx012GcsMCEedpFeWtNcgkrXoMcdyqY\nHEXqnI1jMiHR4J0jj4xb/fsskjS54iryMw9nERg5UcrOf3dZqi5u7zAIXGQq\nTxXxGQFPw7p07vETpFbovzU84zjNn3tGVyhqEUvnHJR0iyvTNc7vcirImYdx\neulHo0TbMxkBKgUgudFjia/brZXwTTWxsnpmMOjRRMilH3C/xdkhBkv7fQXL\nGDh9\r\n=WWIu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.15","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.22.8","dependencies":{"@bbc/gel-foundations":"7.0.0","@bbc/psammead-styles":"8.0.2"},"_hasShrinkwrap":false,"devDependencies":{"@emotion/styled":"^11.3.0"},"peerDependencies":{"@emotion/styled":"^11.0.0"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_3.1.14_1641471376363_0.7828034135031456","host":"s3://npm-registry-packages"}},"3.1.15":{"name":"@bbc/psammead-grid","version":"3.1.15","keywords":["bbc","grid","cssgrid"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@3.1.15","maintainers":[{"name":"news-vj-bot","email":"bbc.news.visual.journalism@gmail.com"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"bbc-web-core","email":"devx@bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"iplayer-pc-downloads-pipeline-bot","email":"DLiPlayDownldsTm@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"c64a3463e762e8870279fe01c528d7abf4c145d2","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-3.1.15.tgz","fileCount":15,"integrity":"sha512-ikaFT+T0WYvnPiLdzSrmTEAfKxXxPz1zT9q1k2MnXg/W8O7AJR2FuTkp7YROwkrpmH8fR/+zirWTmov0dgWiIQ==","signatures":[{"sig":"MEUCICCUZAF8baOgW4HIiCprPeM07ouoRzCQEHG7fkd5mjm6AiEA20oL0Dy7+Lv5S3qYmU5N1CVM7kimOIJknrpIDIme5yg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":478378,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiQvr1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrl6w//ao6C2mOynhsQ/JS/tGXF57xm/oHp6Xd2rgXrQIjANgbvMLm3\r\nT+LN9xl+iWrwOOPZ4Cqb5kRYMgaBYMmlmEsgJSF7DiECaGg1XSwfsFugjVi3\r\nG2YKy2dj/SaD8EYMaDsf4FIASVeSYR26LHvsLnQ54/EfbdqyShT2SVQqhuP7\r\nT3vb9V8tpPvzxEu9Vpa7IqcbYqqqKdOXjM0QRCUEkqPglcAJRugUtzXFrwM/\r\naeZh6VBeMebqb2i2pgfuOqmoM4nely/gbQquFNjVwNxaMFGeuL9RCE82GC00\r\nDeMYj8hrvvW9NprIOz9UhzNDAiTKp3C1o9I0NUr69cNKSr5PXp1MPIpLpz4E\r\nuzvKXQzEfvLEr+9dxLOPgaClHLLl62IsPzqI85mYzemwgBSQ61vWqssbxSOZ\r\niJq+PnpqM4S/3dV5DT5VUr8fk8iqHJVmwiAAngvOtVFasOnmyM/lZOaPD1Zc\r\nOgZ+346pKa7gVhd5xqKLJYjF5JVWV+TIJ6Un0S8WWvkJS5KKVXCbM9ULbI+M\r\n2NhGiQiBMH1pzKDClRI8BSCcP6RiuH4qkLaL3aCCBEeCJyY0t4CVpHRYGzzw\r\nLuYUH38HhGOuR7Y3Iud1aLfkAnJJBAxA9+HmZgzYxaIDgBrE/g4DP1E7dWSz\r\n5IQrERgycHKr2dipWkRApYGy2a2r7OYX4qM=\r\n=uvtI\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.16","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.22.10","dependencies":{"@bbc/gel-foundations":"7.0.0","@bbc/psammead-styles":"8.1.0"},"_hasShrinkwrap":false,"devDependencies":{"@emotion/styled":"^11.3.0"},"peerDependencies":{"@emotion/styled":"^11.0.0"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_3.1.15_1648556788989_0.968296616105593","host":"s3://npm-registry-packages"}},"3.1.16":{"name":"@bbc/psammead-grid","version":"3.1.16","keywords":["bbc","grid","cssgrid"],"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-grid@3.1.16","maintainers":[{"name":"news-vj-bot","email":"bbc.news.visual.journalism@gmail.com"},{"name":"silver-jenkins","email":"D&ESilver.support@bbc.co.uk"},{"name":"bbc-web-core","email":"devx@bbc.co.uk"},{"name":"ibl-jenkins","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayer-web-jenkins","email":"responsive-iplayer@lists.forge.bbc.co.uk"},{"name":"sport-web-jenkins","email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk"},{"name":"bbcconnections","email":"connections.techsupport@bbc.co.uk"},{"name":"bbc-gnl-ci","email":"WWGNDevelopmentTeam@bbc.com"},{"name":"bbc-morph","email":"morph-devops@bbc.co.uk"},{"name":"itv-ci-machine","email":"ConnectedTV-Development@lists.forge.bbc.co.uk"},{"name":"audienceplatformdev","email":"AudiencePlatformDev@bbc.co.uk"},{"name":"bbc-archivesearch-development-team","email":"ArchiveSearchDevelopmentTeam@bbc.co.uk"},{"name":"sounds-web-jenkins","email":"sounds-web-jenkins@bbc.co.uk"},{"name":"rmsdev","email":"radio-and-music-services-developer@lists.forge.bbc.co.uk"},{"name":"bbc-voice-pipeline","email":"voice-development-team@lists.forge.bbc.co.uk"},{"name":"weather-jenkins","email":"DigitalWeatherDevs@bbc.co.uk"},{"name":"newslabs-jenkins","email":"newslabs-development@lists.forge.bbc.co.uk"},{"name":"api-management-jenkins","email":"api@bbc.co.uk"},{"name":"mdtbuild","email":"ise.jenkins@bbc.co.uk"},{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},{"name":"cps-support","email":"CPSSupport2@bbc.co.uk"},{"name":"bbc-cd-jenkins","email":"ContentDiscoveryDevs@bbc.co.uk"},{"name":"locator-deploy","email":"D+ELocationServicesProjectTeam@bbc.co.uk"},{"name":"bbc-isite","email":"isite-team@bbc.co.uk"},{"name":"travel-jenkins","email":"bbclocaljenkins@gmail.com"},{"name":"participation-jenkins","email":"audienceparticipationdevs@bbc.co.uk"},{"name":"bbc-news-jenkins","email":"DigitalNewsIDTAdmin@bbc.co.uk"},{"name":"bbcrd","email":"irfs@bbc.co.uk"},{"name":"ibl","email":"ibl-team@lists.forge.bbc.co.uk"},{"name":"iplayerradio-aws","email":"iplayerradio-aws-development@lists.forge.bbc.co.uk"},{"name":"media-playout-jenkins","email":"empsupport@bbc.co.uk"},{"name":"partner-platform-jenkins","email":"partnerplatformsupport@bbc.co.uk"},{"name":"bbc-admin","email":"npm-admins@lists.forge.bbc.co.uk"},{"name":"gel-jenkins","email":"gel-dev-account@lists.forge.bbc.co.uk"},{"name":"pcs-amp-jenkins","email":"pcs-amp-development@lists.forge.bbc.co.uk"},{"name":"education-jenkins","email":"bitesize-engineering@lists.forge.bbc.co.uk"},{"name":"insyn-jenkins","email":"D&EPlatformCDSSyndicationCore@bbc.co.uk"},{"name":"kite-jenkins","email":"kite-dev@lists.forge.bbc.co.uk"},{"name":"bbcrd-artifactory","email":"artifactory@rd.bbc.co.uk"},{"name":"iplayer-pc-downloads-pipeline-bot","email":"DLiPlayDownldsTm@bbc.co.uk"}],"bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"da3e3ee8dddae1db08e5bc20b24dbcfe08b9ea84","tarball":"https://registry.npmjs.org/@bbc/psammead-grid/-/psammead-grid-3.1.16.tgz","fileCount":15,"integrity":"sha512-x97rg9WYpSClQilctwbAJv53pyPzHv0G3yncSr771qKB/nICB5+cOac7T1FJyUNfPqJ1GybMMW4blwrRAJ0l3A==","signatures":[{"sig":"MEUCIQCAlDAgPfvRsH1DV89h1PJ9LEOwcCqUB5/ppjEW40MVRAIgG924+m51GILPDsVTksq9DnnwZVh5MYdqTZo1JQWemw4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":478465,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiRFCtACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoW/A//emOk/rlpWDZTHeW4U3fuF6F5q8uU98Sh06dbE/GhHOIx3yGw\r\nnqkbvc2/OtlXjC6ickmxj7jIAO+sCCql1k92vC2uUrzweT2OjrIoqI9n0V8T\r\nNK+Hxidh245+LWhcJkCsBrD2SFX4KR1Q3srx/HBZf1y0rkGfPek9iJWzRqlA\r\nBWgIY2OG7XUotM1dMt9OIStfcNozS3l7Sg+Mpnb1OJC0KxHiSlmfkxVhWOAI\r\nvA9cNYYZGE+emPGUIA62l0ZpeqFsR1AcSDwilAtwt965kqiDCK/fMDgsDYjp\r\ngcg/hINRT+lS+LNPBF3uX04NI2tSEcdCj+vEyNOSq1vrWnREIaPTTK5pi+8h\r\nHB2LnS7bzOKY3QbTJtOeg3FxUIjT2z9H6PVF7fg+19IiTPhQ6nLBy6J74EqJ\r\nzFvZF6/wXLBu0mYNx09iD/7kXU2cOJpAvmUiuAR9rQ+9d96R/iPh5R75gTeR\r\n9+KcTH2mXCKdOaOGbTVTXvMz03+F5QVx4cAV08oiqK6685tgjfanLUGxLpJZ\r\nHejnta+1sIbZ4T1yOL8YDyvPd99dHLoPE0DobNhylA+JXvz51xScNskwzv/l\r\nKD3G7hVLWmJbLj6oabTJQJaf/IE2E/8/jLhK2RHSBW7f88ZezKYOyTwLCLGL\r\nCBWZCwzoCA6U/+k9l8hnB32J0nn+YBD6Cg0=\r\n=oJ8N\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","_npmUser":{"name":"bbc-online","email":"PsammeadMaintainers@bbc.co.uk"},"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"_npmVersion":"6.14.16","description":"Grid component","directories":{},"sideEffects":false,"_nodeVersion":"12.22.10","dependencies":{"@bbc/gel-foundations":"7.0.0","@bbc/psammead-styles":"8.1.1"},"_hasShrinkwrap":false,"devDependencies":{"@emotion/styled":"^11.3.0"},"peerDependencies":{"@emotion/styled":"^11.0.0"},"_npmOperationalInternal":{"tmp":"tmp/psammead-grid_3.1.16_1648644268812_0.302021196618532","host":"s3://npm-registry-packages"}}},"time":{"created":"2019-10-02T13:21:22.749Z","modified":"2026-04-16T10:53:55.550Z","1.0.0-alpha.1":"2019-10-02T13:21:23.197Z","1.0.0-alpha.2":"2019-10-15T12:44:15.382Z","1.0.0-alpha.3":"2019-10-17T16:17:13.851Z","1.0.0-alpha.4":"2019-10-21T11:11:12.656Z","1.0.0-alpha.5":"2019-10-21T12:20:14.459Z","1.0.0-alpha.6":"2019-10-23T16:36:28.750Z","1.0.0-alpha.7":"2019-10-24T09:40:09.902Z","1.0.0-alpha.8":"2019-10-28T12:32:12.973Z","1.0.0-alpha.9":"2019-10-28T13:10:44.978Z","1.0.0-alpha.10":"2019-10-29T12:38:26.207Z","1.0.0-alpha.11":"2019-10-30T15:58:10.910Z","1.0.0-alpha.12":"2019-11-05T14:19:43.893Z","1.0.0-alpha.13":"2019-11-13T12:01:02.056Z","1.0.0-alpha.14":"2019-11-27T10:23:20.234Z","1.0.0-alpha.15":"2019-11-27T12:55:51.266Z","1.1.0-alpha.0":"2019-11-29T14:15:08.193Z","1.1.0-alpha.1":"2019-12-10T09:11:04.013Z","1.1.0-alpha.2":"2019-12-11T18:07:37.793Z","1.1.0":"2020-01-07T16:29:21.060Z","1.1.1":"2020-01-10T09:57:50.922Z","1.1.2":"2020-01-13T16:13:14.125Z","1.1.3":"2020-01-20T11:38:46.566Z","1.1.4":"2020-01-20T14:34:58.570Z","1.1.5":"2020-01-30T09:40:02.787Z","1.1.6":"2020-02-07T10:56:15.374Z","1.1.7":"2020-02-10T16:22:20.811Z","1.1.8":"2020-02-12T13:35:18.729Z","1.1.9":"2020-02-13T12:25:20.202Z","1.1.10":"2020-02-17T15:23:44.747Z","1.1.11":"2020-03-04T13:17:23.819Z","1.1.12":"2020-04-20T11:07:53.322Z","1.1.13":"2020-04-20T11:55:31.766Z","1.1.14":"2020-05-12T16:48:14.650Z","1.1.15":"2020-06-12T11:55:03.778Z","1.1.16":"2020-07-14T15:17:58.176Z","1.1.17":"2020-07-21T13:51:41.252Z","1.1.18":"2020-08-28T12:21:48.558Z","1.1.19":"2020-08-28T13:29:44.184Z","1.1.20":"2020-09-28T10:54:46.456Z","1.1.21":"2020-10-01T13:32:56.827Z","1.1.22":"2020-10-02T12:49:55.808Z","1.1.23":"2020-10-05T16:13:00.197Z","1.1.24":"2020-10-08T12:39:58.297Z","2.0.0-alpha.0":"2020-10-09T12:13:52.130Z","2.0.1":"2020-10-13T12:26:34.281Z","2.0.2":"2020-10-13T12:39:28.799Z","2.0.3":"2020-10-15T12:18:37.396Z","3.0.0":"2020-10-16T10:34:44.158Z","3.0.1":"2020-10-16T11:31:24.801Z","3.0.2":"2020-10-19T11:42:09.599Z","3.0.3":"2020-10-21T21:10:02.443Z","3.0.4":"2020-11-16T08:27:31.052Z","3.0.5":"2020-11-23T15:43:32.596Z","3.0.6":"2020-11-26T09:44:39.546Z","3.0.7":"2020-12-01T15:44:58.939Z","3.0.8":"2021-01-06T11:58:17.066Z","3.0.9":"2021-01-07T10:50:13.087Z","3.0.10":"2021-01-15T09:40:04.532Z","3.0.11":"2021-01-15T13:11:46.563Z","3.0.12":"2021-01-20T14:20:57.542Z","3.0.13":"2021-01-20T16:36:49.795Z","3.0.14":"2021-02-04T12:02:58.199Z","3.0.15":"2021-02-04T14:14:28.619Z","3.0.16":"2021-02-22T08:55:26.798Z","3.0.17":"2021-03-02T11:16:35.658Z","3.0.18":"2021-03-10T12:56:32.080Z","3.0.19":"2021-03-15T16:16:14.133Z","3.1.0":"2021-05-26T13:20:00.118Z","3.1.1":"2021-05-27T09:04:36.084Z","3.1.2":"2021-06-21T12:37:58.732Z","3.1.3":"2021-09-13T13:26:33.727Z","3.1.4":"2021-09-15T14:48:46.191Z","3.1.5":"2021-09-16T15:05:51.060Z","3.1.6":"2021-09-16T17:05:30.992Z","3.1.7":"2021-09-21T12:40:09.796Z","3.1.8":"2021-09-22T08:52:43.278Z","3.1.9":"2021-09-22T12:15:26.449Z","3.1.10":"2021-09-30T14:10:06.531Z","3.1.11":"2021-10-06T14:47:38.531Z","3.1.12":"2021-12-13T12:38:57.375Z","3.1.13":"2021-12-16T10:01:45.350Z","3.1.14":"2022-01-06T12:16:16.608Z","3.1.15":"2022-03-29T12:26:29.173Z","3.1.16":"2022-03-30T12:44:29.030Z"},"bugs":{"url":"https://github.com/bbc/psammead/issues"},"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","keywords":["bbc","grid","cssgrid"],"repository":{"url":"https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid","type":"git"},"description":"Grid component","maintainers":[{"email":"D&ESilver.support@bbc.co.uk","name":"silver-jenkins"},{"email":"devx@bbc.co.uk","name":"bbc-web-core"},{"email":"iplayerwebdevelopers@bbc.co.uk","name":"iplayer-web-jenkins"},{"email":"sport-web-jenkins-caretakers@lists.forge.bbc.co.uk","name":"sport-web-jenkins"},{"email":"WWGNDevelopmentTeam@bbc.com","name":"bbc-gnl-ci"},{"email":"ConnectedTV-Development@lists.forge.bbc.co.uk","name":"itv-ci-machine"},{"email":"AudiencePlatformDev@bbc.co.uk","name":"audienceplatformdev"},{"email":"ArchiveSearchDevelopmentTeam@bbc.co.uk","name":"bbc-archivesearch-development-team"},{"email":"SoundsWebTooling@bbc.co.uk","name":"sounds-web-jenkins"},{"email":"radio-and-music-services-developer@lists.forge.bbc.co.uk","name":"rmsdev"},{"email":"voice-development-team@lists.forge.bbc.co.uk","name":"bbc-voice-pipeline"},{"email":"DigitalWeatherDevs@bbc.co.uk","name":"weather-jenkins"},{"email":"newslabs-development@lists.forge.bbc.co.uk","name":"newslabs-jenkins"},{"email":"api@bbc.co.uk","name":"api-management-jenkins"},{"email":"ise.jenkins@bbc.co.uk","name":"mdtbuild"},{"email":"CPSSupport2@bbc.co.uk","name":"cps-support"},{"email":"ContentDiscoveryDevs@bbc.co.uk","name":"bbc-cd-jenkins"},{"email":"isite-team@bbc.co.uk","name":"bbc-isite"},{"email":"audienceparticipationdevs@bbc.co.uk","name":"participation-jenkins"},{"email":"DigitalNewsIDTAdmin@bbc.co.uk","name":"bbc-news-jenkins"},{"email":"irfs@bbc.co.uk","name":"bbcrd"},{"email":"IBLMachineUser@bbc.co.uk","name":"ibl"},{"email":"iplayerradio-aws-development@lists.forge.bbc.co.uk","name":"iplayerradio-aws"},{"email":"empsupport@bbc.co.uk","name":"media-playout-jenkins"},{"email":"npm-admins@lists.forge.bbc.co.uk","name":"bbc-admin"},{"email":"ampsupport@bbc.co.uk","name":"pcs-amp-jenkins"},{"email":"D&EPlatformCDSSyndicationCore@bbc.co.uk","name":"insyn-jenkins"},{"email":"jim.levett.ext@bbc.co.uk","name":"kite-jenkins"},{"email":"artifactory@rd.bbc.co.uk","name":"bbcrd-artifactory"},{"email":"DLiPlayDownldsTm@bbc.co.uk","name":"iplayer-pc-downloads-pipeline-bot"}],"readme":"<!-- prettier-ignore -->\n# psammead-grid - [![Known Vulnerabilities](https://snyk.io/test/github/bbc/psammead/badge.svg?targetFile=packages%2Fcomponents%2Fpsammead-grid%2Fpackage.json)](https://snyk.io/test/github/bbc/psammead?targetFile=packages%2Fcomponents%2Fpsammead-grid%2Fpackage.json) [![Dependency Status](https://david-dm.org/bbc/psammead.svg?path=packages/components/psammead-grid)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-grid) [![peerDependencies Status](https://david-dm.org/bbc/psammead/peer-status.svg?path=packages/components/psammead-grid)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-grid&type=peer) [![Storybook](https://raw.githubusercontent.com/storybooks/brand/master/badge/badge-storybook.svg?sanitize=true)](https://bbc.github.io/psammead/?path=/story/grid--default) [![GitHub license](https://img.shields.io/badge/license-Apache%202.0-blue.svg)](https://github.com/bbc/psammead/blob/latest/LICENSE) [![npm version](https://img.shields.io/npm/v/@bbc/psammead-grid.svg)](https://www.npmjs.com/package/@bbc/psammead-grid) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/bbc/psammead/blob/latest/CONTRIBUTING.md)\n\n## Description\n\nPsammead Grid is a component that you can use to set out column-based layouts using CSS Grid. It is set up to follow the standard [GEL groups for breakpoints](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes) and you can toggle on the GEL margins, gutters and fixed widths, in accordance with the GEL grid guidelines if you are using it for page layouts.\n\n## Installation\n\n`npm install @bbc/psammead-grid`\n\n## Props\n\n<!-- prettier-ignore -->\n| Argument | Type | Required | Default | Example |\n| -------- | ---- | -------- | ------- | ------- |\n| columns | object | yes | N/A | `{ group0: 6, group1: 6, group2: 6, group3: 6, group4: 8, group5: 20 }` |\n| startOffset | object | no | Sets all values as 1 for each of the groups defined in `columns` | `{ group0: 1, group1: 1, group2: 1, group3: 1, group4: 2, group5: 5 }` |\n| item | boolean | no | false | true |\n| enableGelGutters | boolean | no | false | `enableGelGutter` |\n| margins | object | no | `{ group0: false, group1: false, group2: false, group3: false, group4: false, group5: false }` | `{ group0: true, group1: true, group2: true, group3: true }` |\n| parentColumns | object | no | null | `columns: { group0: 6, group1: 6, group2: 3, group3: 3, group4: 4, group5: 4}` |\n| parentEnableGelGutters | boolean | no | false | true |\n| dir | string | no | `'ltr'` | `'rtl'` |\n\n- When should I use the `columns` prop?\n  - This should always be defined.\n  - All columns groups `group0` through `group5` should be provided.\n  - For a `<Grid>` element, it's the number of columns the grid has, and the number of columns it should span.\n  - For a `<Grid item>` element, it's the number of columns it should span.\n- When should I use the `item` prop?\n  - The `item` prop should be used on a `<Grid>` that is a direct child of another `<Grid>`. Using the `columns` prop's values you can choose how many columns to span at each breakpoint.\n  - It can and should be used whenever you're defining a new grid item - something that you want to span a set number of columns at a breakpoint.\n\n```jsx\n<Grid\n  columns={{ group0: 6, group1: 6, group2: 6, group3: 6, group4: 6, group5: 6 }}\n>\n  <Grid\n    item\n    columns={{\n      group0: 1,\n      group1: 1,\n      group2: 1,\n      group3: 1,\n      group4: 1,\n      group5: 1,\n    }}\n  >\n    This spans 1 out of 6 columns for all widths\n  </Grid>\n  <Grid\n    item\n    columns={{\n      group0: 5,\n      group1: 5,\n      group2: 5,\n      group3: 5,\n      group4: 5,\n      group5: 5,\n    }}\n  >\n    This spans 5 out of 6 columns for all widths\n  </Grid>\n</Grid>\n```\n\n- When should I use the `startOffset` prop?\n  - `startOffset` is an object structured just like the `columns` prop. You can set it on a nested `Grid` or `<Grid item>` element to start it at a column other than the first one. It should not be added to the outer `Grid` as it won’t be working as expected unless its immediate parent has a `display: grid`.\n  - If you don't pass it in, the offset value defaults to 1, the start of the grid.\n- Why is there no vertical spacing on the grid?\n  - The Grid implementation only has gutters/margins for columns, [according to the GEL specification](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes). This is to allow flexibility for a variety of spacing. To add vertical spacing, you should add padding/margin/top/bottom to the contents.\n- When should I use the `parentColumns` prop?\n  - `parentColumns` is an object structured just like the `columns` prop. This prop explicitly passes the parent grid's columns configuration into a child `<Grid>` element. [See example.](https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid#parentcolumns-prop)\n- When should I use the `parentEnableGelGutters` prop?\n  - `parentEnableGelGutters` is a boolean value that defines whether gutters have been enabled on the parent grid. [See example.](https://github.com/bbc/psammead/tree/latest/packages/components/psammead-grid#parentcolumns-prop)\n  - This props should only be passed to child grid that are not rendered direct inside of the parent grid.\n\n## Usage\n\nWe use the GEL Grid for our breakpoints, as well as for our standard gutters and margins. [The values are defined here in the GEL Grid documentation](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes).\n\nWhen we refer to `group3` in this component, we're referring to the breakpoint with a minimum width `GEL_GROUP_3_SCREEN_WIDTH_MIN` & a maximum width `GEL_GROUP_3_SCREEN_WIDTH_MAX`. These values are defined within [`@bbc/gel-foundations/breakpoints`](https://github.com/bbc/psammead/blob/latest/packages/utilities/gel-foundations/src/breakpoints.js).\n\nWhen using one of the extended Grid components, if you wish to extend it using the `as` prop, you'll need to use `forwardedAs`. This prop enables you to pass down the element down further than one level.\n\n#### <a name=\"simple-example\">Simple example</a>\n\nHere is an example of a `<Grid>` that has 8 columns for `group4` (from 1008px to 1279px). It has four child `<Grid item>` elements, one which spans 6/8 columns and three others which spans 2/8 columns within this breakpoint.\n\n```jsx\nimport Grid from '@bbc/psammead-grid';\n\nconst MyComponent = () => (\n  <Grid\n    columns={{\n      group0: 8,\n      group1: 8,\n      group2: 8,\n      group3: 8,\n      group4: 8,\n      group5: 8,\n    }}\n  >\n    <Grid\n      item\n      columns={{\n        group0: 6,\n        group1: 6,\n        group2: 6,\n        group3: 6,\n        group4: 6,\n        group5: 6,\n      }}\n    >\n      <p>Item 1 - Paragraph that spans 6 out of 8 columns through group4</p>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 2,\n        group2: 2,\n        group3: 2,\n        group4: 2,\n        group5: 2,\n      }}\n    >\n      <p>Item 2 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 2,\n        group2: 2,\n        group3: 2,\n        group4: 2,\n        group5: 2,\n      }}\n    >\n      <p>Item 3 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 2,\n        group2: 2,\n        group3: 2,\n        group4: 2,\n        group5: 2,\n      }}\n    >\n      <p>Item 4 - Paragraph that spans 2 out of 8 columns through group4</p>\n    </Grid>\n  </Grid>\n);\n```\n\nImage of this example when viewed at within `group4` (from 1008px to 1279px). When you look at this example at any other breakpoint, each of the four items fill up the full width of the row.\n![8 column grid with items 6 2 2 2 with labels](documentation/8-column-grid-with-items-6-2-2-2-with-labels.png)\n\n#### <a name=\"gutters-margins\">Setting standard GEL gutters and GEL Margins</a>\n\nUsing `enableGelGutters` on the `Grid` element. Note: this should _not_ be added to a `<Grid item>` element!\nUsage of `margins` can be on either `<Grid>` or `<Grid item>`.\n\n```jsx\nimport Grid from '@bbc/psammead-grid';\n\nconst MyComponent = () => (\n  <Grid\n    enableGelGutters\n    columns={{\n      group0: 2,\n      group1: 4,\n      group2: 4,\n      group3: 6,\n      group4: 8,\n      group5: 12,\n    }}\n    margins={{\n      group0: true,\n      group1: true,\n      group2: true,\n      group3: true,\n      group4: true,\n      group5: true,\n    }}\n  >\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 4,\n        group2: 4,\n        group3: 6,\n        group4: 6,\n        group5: 12,\n      }}\n    >\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 6/8 columns\n      </p>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 4,\n        group2: 4,\n        group3: 6,\n        group4: 2,\n        group5: 12,\n      }}\n    >\n      <p>\n        Paragraph - for group 3 spans 6/6 columns, for group 4 spans 2/8 columns\n      </p>\n    </Grid>\n  </Grid>\n);\n```\n\nScreenshot of this example with GEL Gutters and GEL Margins enabled\n![Screenshot of this example with GEL Gutters and GEL Margins enabled](documentation/Screenshot-example-with-gelMargins-and-gelGutters.png)\n\nScreenshot of this example without GEL Gutters and GEL Margins\n![Screenshot of this example without GEL Gutters and GEL Margins](documentation/Screenshot-example-without-gelMargins-and-gelGutters.png)\n\n#### <a name=\"nested-grid\">Nested grid example</a>\n\nNote that here, any time you use `<Grid>` that generates a new grid. The total number of columns at each breakpoint is set via the `columns` prop. Then to define how many columns the child `<Grid item >` should span, you can use the `columns` prop on the `<Grid item>`.\n\nHere we have no margins on the Grid item around the Image, but there is on the Paragraph items.\n\n```jsx\nimport Grid from '@bbc/psammead-grid';\n\nconst MyComponent = () => (\n  <Grid\n    columns={{\n      group0: 6,\n      group1: 6,\n      group2: 6,\n      group3: 6,\n      group4: 6,\n      group5: 6,\n    }}\n  >\n    <Grid\n      columns={{\n        group0: 6,\n        group1: 6,\n        group2: 6,\n        group3: 6,\n        group4: 6,\n        group5: 6,\n      }}\n    >\n      <Grid\n        item\n        columns={{\n          group0: 6,\n          group1: 6,\n          group2: 6,\n          group3: 3,\n          group4: 3,\n          group5: 3,\n        }}\n      >\n        <ExampleImage />\n      </Grid>\n      <Grid\n        item\n        columns={{\n          group0: 6,\n          group1: 6,\n          group2: 6,\n          group3: 3,\n          group4: 3,\n          group5: 3,\n        }}\n      >\n        <ExampleParagraph />\n      </Grid>\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 2,\n        group1: 2,\n        group2: 2,\n        group3: 2,\n        group4: 2,\n        group5: 2,\n      }}\n    >\n      <ExampleImage />\n    </Grid>\n    <Grid\n      item\n      columns={{\n        group0: 4,\n        group1: 4,\n        group2: 4,\n        group3: 4,\n        group4: 4,\n        group5: 4,\n      }}\n    >\n      <ExampleParagraph />\n    </Grid>\n  </Grid>\n);\n```\n\n#### <a name=\"parentcolumns-prop\">Child grid using parentColumns and parentEnableGelGutters props</a>\n\nNote that, any time you render a child `<Grid>` outside of the parent grid, the parent's columns and gutters configuration is not automagically passed to the child. This causes the layout to break in browsers that do not support css grid. To ensure the configuration is passed correctly, you need to explicitly pass in these props.\n\n```jsx\nimport Grid from '@bbc/psammead-grid';\n\nconst parentProps = {\n  enableGelGutters: true,\n  columns: {\n    group0: 6,\n    group1: 6,\n    group2: 6,\n    group3: 6,\n    group4: 6,\n    group5: 6,\n  },\n};\n\nconst childProps = {\n  columns: {\n    group0: 6,\n    group1: 6,\n    group2: 6,\n    group3: 6,\n    group4: 6,\n    group5: 6,\n  },\n};\n\nconst renderChildGrid = () => (\n  <Grid\n    parentEnableGelGutters={parentProps.enableGelGutters}\n    parentColumns={parentProps.columns}\n    {...childProps}\n  >\n    <ExampleParagraph />\n  </Grid>\n);\n\nconst MyComponent = () => (\n  <Grid {...parentProps}>\n    {renderChildGrid()}\n  </Grid>\n);\n```\n\n### When to use this component\n\nThis `Grid` component can be used for page-level layouts as well as for layouts of individual components. You can nest Grids within one another for more complex layouts. Please see the Storybook Stories for examples.\n\n### Frequenty Asked Questions\n\n- When should I use the `item` prop?\n  - The `item` prop should be used on a child Grid element, that is a direct child of a `<Grid>`. Using the `columns` prop's values you can choose how many columns to span at each breakpoint.\n  - It can and should be used whenever you're defining a new grid item - something that you want to span a set number of columns at a breakpoint.\n- When should I use the `columns` prop?\n  - This should always be defined.\n  - For a `<Grid>` element, it's the number of columns the grid has.\n  - For a `<Grid item>` element, it's the number of columns it should span.\n- When should I use the `startOffset` prop?\n  - `startOffset` is an object just like the `columns` prop. You can set it on a Grid child element to start it at a column other than the first one.\n  - If you don't pass it in, the value defaults to 1, the start of the grid.\n- Why is there no vertical spacing on the grid?\n  - The Grid implementation only has gutters/margins for columns, [according to the GEL specification](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes). This is to allow flexibility for a variety of spacing. To add vertical spacing, you should add padding/margin/top/bottom to the contents.\n\n<!-- ### When not to use this component -->\n\n### Accessibility notes\n\nThe `<Grid>` component is semantically a `div` element.\n\n<!-- ## Roadmap -->\n\n## Contributing\n\nPsammead is completely open source. We are grateful for any contributions, whether they be new components, bug fixes or general improvements. Please see our primary contributing guide which can be found at [the root of the Psammead respository](https://github.com/bbc/psammead/blob/latest/CONTRIBUTING.md).\n\n### [Code of Conduct](https://github.com/bbc/psammead/blob/latest/CODE_OF_CONDUCT.md)\n\nWe welcome feedback and help on this work. By participating in this project, you agree to abide by the [code of conduct](https://github.com/bbc/psammead/blob/latest/CODE_OF_CONDUCT.md). Please take a moment to read it.\n\n### License\n\nPsammead is [Apache 2.0 licensed](https://github.com/bbc/psammead/blob/latest/LICENSE).\n","readmeFilename":"README.md"}