{"_id":"@bbc/psammead-leading-story-promo","_rev":"32-c90e1b51a58c5209565b8b37e01e8037","name":"@bbc/psammead-leading-story-promo","dist-tags":{"latest":"0.1.0-alpha.1","alpha":"0.1.0-alpha.11"},"versions":{"0.1.0-alpha.1":{"name":"@bbc/psammead-leading-story-promo","version":"0.1.0-alpha.1","author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-leading-story-promo@0.1.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"}],"homepage":"https://github.com/BBC-News/psammead/blob/latest/packages/components/psammead-leading-story-promo/README.md","bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"dfbc31b082d13f82cdfa41dc6435fc71a5d82155","tarball":"https://registry.npmjs.org/@bbc/psammead-leading-story-promo/-/psammead-leading-story-promo-0.1.0-alpha.1.tgz","fileCount":9,"integrity":"sha512-O0QcVMXKmDWgOYL02LWbADE7+tPIxYofdnK6Ywh31vSSKHA90rsB9hfWL+CJvXHc2JeHrPi2k7pd+h/rk7aNhw==","signatures":[{"sig":"MEMCH3/M4U+1Kbq+/ogbri9Y6xXOVSY/gN25ElEHK+qX6KACICr82I/C2xcuw2nUQpLAJOUpxz4dou39Kp9k8J/RWRR1","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":23961,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2BXlCRA9TVsSAnZWagAAGyEP/jcbA6Q9k5yt0TpM5EJp\nTr4y1T+pdGAGviC+kHQbUiPQpggWUwSpW7Dg1g5OzHFBa9w+EcxTO/2ognyb\n3WYyXmVHT4cqlpVkrjTaL9/vm2M26ARnNVQw1Q7KzKYO8F4AjD9uz9dWRREK\nKAKmUGrtBtwRWNAuthMEPfXoWXR2xYwvlpX1pDIoxOPdJFZV0h6UKmoG9FC4\nrq1FCGHlYUVtISbO4AdHtSKochoxFRJehTp5ov+ASpOT1bgoBg7R2D0V8V/f\nrEPD66qYGt8zbcdppByj+7jcpkKpT+yYLgmyEABwo2ytVfFo06j1RmvjCwNP\nLWh8WjdHfbfiT0aFmCMSMCkLAf92I7ZMotGMpMm+ofFaFBeLYgLSHASViFew\nJ8JSgCyptvv0bgFNhsppTU6l8LuP9F7V66Nv98Mp9yRCAwA2vzZUwc2Vyuom\nVhInsYKVgvE1+3HOy43gL5rDJh5yYauTPYgQ2Hr0PCkTQPLQ6dJplvxGHiNV\nmPNPVcWSCbB0N4wMA1oX0hzm0sUvWz+OQV0jEGHurhhPRdaxUVNMWHV2mnD6\nRpBEww0fSqe0NW2QmDTjQ34rGYEK6SSHQdGtxw/HUH9RcYWiSENSWnJi5wat\n+7f+Zs42S6jGRne2y+wmmfeGHwbT8MJf7oVWdgXCDFtKKEeCAUfkzDVcmjGQ\nnHQB\r\n=BCee\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-News/psammead/tree/latest/packages/components/psammead-leading-story-promo","type":"git"},"_npmVersion":"6.9.0","description":"Leading story promo.","directories":{},"sideEffects":false,"_nodeVersion":"10.16.3","dependencies":{"@bbc/psammead-grid":"^1.0.0-alpha.1","@bbc/gel-foundations":"^3.4.0","@bbc/psammead-styles":"^4.0.3"},"publishConfig":{"tag":"alpha"},"_hasShrinkwrap":false,"peerDependencies":{"react":"^16.10.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-leading-story-promo_0.1.0-alpha.1_1572539815822_0.3419980176293147","host":"s3://npm-registry-packages"}},"0.1.0-alpha.2":{"name":"@bbc/psammead-leading-story-promo","version":"0.1.0-alpha.2","author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-leading-story-promo@0.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"}],"homepage":"https://github.com/BBC-News/psammead/blob/latest/packages/components/psammead-leading-story-promo/README.md","bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"9f5555a227f181b1accd60b8490879bfef144ec8","tarball":"https://registry.npmjs.org/@bbc/psammead-leading-story-promo/-/psammead-leading-story-promo-0.1.0-alpha.2.tgz","fileCount":9,"integrity":"sha512-gLvlV94q/NTsNFFoW9oM5cxyNvnbyGEFGQnx4hf/Oz20WXCPtsU8UCsO5S7/VddrtWEyAiqteL6Ymz0eaRKvpg==","signatures":[{"sig":"MEQCIF7wfjZWTYGhp0iJiJ/u17hmhjclwvYcH43fN1EKAtIYAiACRtto+3gjHWFHfZeQShiLsVU5lQnWpN4mkHCltcZqTQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":24105,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdwFxvCRA9TVsSAnZWagAALLIP/idPugmCNLlE1IkApUuR\nLFqPLRghWhxgeHT3qKnaF19zg+JJq3O/gwh6sIrhLm5v4m2lbVRPi7fFoKUg\nZ49yLGrg3uuP8izXjHv43u0Wlrjp8CscGAowU0KtfcIe9dp2eJcc35S7H2+h\nfYGIUUpBKXeSROh2TCEO9/gW3hNID79qTsQe8MREjZ1w0ZWovVU1qULv4jyW\nTJTcEZMgdkKemiSZXdWOa3B0Md3YdPICocqQfKuKwgEUML3PrHR0ixinQ99+\nLTQm9QzU7EG9hlLad7QLNhfoAdX7t452cezp5FCRin00m8B7yWt6fa3IYOrL\nh0pFAGIRU8AifOAKzfLgftOFH2KJaE6cD44twaCGHjcXAga7mCrrDzp2GVaD\nijf8x/8czhqY1L95PVUmhL+AY/oQEqtXDzFJUTmPJdmXKt2/5VeEqCkbU0/I\nZVFE2Oa0Jt0HpxEci0wbR/VFrZZPgnaUBnlVzenk4gaLq27f9g1tSWRPUtCP\nJAOxKnlssBcWw7NVXRiw40zvh5sionfjsmhGyON11+zvUCt1ssPCQ+mMSWo2\njVOLCPcxvLSgmoc6L7Ax1E+2H2TnDsrlyx3ffFLSieeC//LLc4f5iHYdZ+/g\niNBWm2ghQqRpyYylZxqpYx0HBMn5Vuc8q8n+X2UOK3nXC1DB9nMidBWyzS/3\nMDBo\r\n=HxBp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","readme":"# ⛔️ This is an alpha component ⛔️\n\nThis component is currently tagged as alpha and is not suitable for production use. Following the passing of an accessibility review this component will be marked as ready for production and the alpha tag removed.\n\n# psammead-leading-story-promo - [![Known Vulnerabilities](https://snyk.io/test/github/bbc/psammead/badge.svg?targetFile=packages%2Fcomponents%2Fpsammead-leading-story-promo%2Fpackage.json)](https://snyk.io/test/github/bbc/psammead?targetFile=packages%2Fcomponents%2Fpsammead-leading-story-promo%2Fpackage.json) [![Dependency Status](https://david-dm.org/bbc/psammead.svg?path=packages/components/psammead-leading-story-promo)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-leading-story-promo) [![peerDependencies Status](https://david-dm.org/bbc/psammead/peer-status.svg?path=packages/components/psammead-leading-story-promo)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-leading-story-promo&type=peer) [![Storybook](https://raw.githubusercontent.com/storybooks/brand/master/badge/badge-storybook.svg?sanitize=true)](https://bbc.github.io/psammead/?path=/story/leading-story-promo--containing-image) [![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-leading-story-promo.svg)](https://www.npmjs.com/package/@bbc/psammead-leading-story-promo) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/bbc/psammead/blob/latest/CONTRIBUTING.md)\n\n## Description\n\nThe `LeadingStoryPromo` component is designed to be used on 'index' pages, which are pages that contain a list or collection of stories. Examples of index pages include front pages, feature index pages, topic pages. The `LeadingStoryPromo` component displays both an image and info, where `info` can be a collection of any nodes.\n\n## Installation\n\n`npm install @bbc/psammead-leading-story-promo`\n\n## Props\n\n| Argument  | Type | Required | Default | Example |\n| --------- | ---- | -------- | ------- | ------- |\n| image     | node | Yes      | N/A     | `<img />` |\n| info      | node | Yes      | N/A     | `<h2>Title</h2>` |\n\n## Usage\n\nThe typical usage of this component is as described below. For LTR services an image sits on the right side of the promo with info elements on the left, while for RTL services an image sits on the left side of the promo with info elements on the right.\n\n```jsx\nimport LeadingStoryPromo from '@bbc/psammead-leading-story-promo';\n\nconst WrappingComponent = () => (\n  <div>\n    <LeadingStoryPromo image={image} info={info} />\n  </div>\n);\n```\n\n### When to use this component\n\nThe `LeadingStoryPromo` component is designed to be used within a link element to allow the user to navigate to the featured story on another page.\n\n### When not to use this component\n\n<!-- Description of the where the component shouldn't be used -->\n\n### Accessibility notes\nThis component is still in its initial alpha stages, and requires a full and extensive accessibility review.\n\n### Roadmap\n\n<!-- Known future changes of the component -->\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 repository](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-News/psammead/tree/latest/packages/components/psammead-leading-story-promo","type":"git"},"_npmVersion":"6.9.0","description":"Leading story promo.","directories":{},"sideEffects":false,"_nodeVersion":"10.16.3","dependencies":{"@bbc/psammead-grid":"^1.0.0-alpha.1","@bbc/gel-foundations":"^3.4.1","@bbc/psammead-styles":"^4.1.0"},"publishConfig":{"tag":"alpha"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"react":"^16.10.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-leading-story-promo_0.1.0-alpha.2_1572887663414_0.39612871512099956","host":"s3://npm-registry-packages"}},"0.1.0-alpha.3":{"name":"@bbc/psammead-leading-story-promo","version":"0.1.0-alpha.3","author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-leading-story-promo@0.1.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"}],"homepage":"https://github.com/BBC-News/psammead/blob/latest/packages/components/psammead-leading-story-promo/README.md","bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"4b38a6e616d7b8ce923ba17656eecf012fa4da8d","tarball":"https://registry.npmjs.org/@bbc/psammead-leading-story-promo/-/psammead-leading-story-promo-0.1.0-alpha.3.tgz","fileCount":9,"integrity":"sha512-nbp8eUDqFVMbZnIiBOwTOfJXl+qy6QoI8tOqjWwsXHvnF2e4uMlaoUCp4WwxxNu+JB8WtftYVPTuss8o09kXSw==","signatures":[{"sig":"MEUCIQDpTUYkIFUr1OScEWSfTpfBm1WJeCz30HAxkVEhrQGtQQIgbV+R++r3oRBMYI9FsotiaF2TJcMXgOurNP6Cp/w2NWY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":24664,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd3k6vCRA9TVsSAnZWagAAMFcP/3lkxu5a6+Ou+/IfObhq\niefu7J9Thla6In8J39r+kmjHwWbOlEseCXBICqjQW7NrwYfjBCAYOgCQvCIl\n5RgfRHFXmrXjTKj+nXXMrma6xaVdu4aWO0x6dBXwIjj3MQZ4dX6Gu1efUZkV\n4MWEJJWE+26wCtJt2bfGX86osxVXF487hWOw6car/X4ap98QhqtVHjhhW9af\n64gc16dd7BKG+uWlIMOkqmRiqWx6W1DU8ch+cFcKYbBarGZsOFRf3N0ib0Ds\n7CZsmez1UUnL57KopsrzA5ultGLk2httwSumSNQ+qU5OgdpPVnAPxBzI9MjG\nf3CWF/IdwQkIs+lkiZI3VajgrZl1W4tBjHVkoUAbXwHse4/wwmv/VnnS9Pwl\ncYxEzpli475c1uDgBv7V0drndxMtxADIjuGBxhdZcmNeEpUIEPCgT7ReJUSZ\nVdwHcfldgcatlvXvnDdLx6RgzaircltjBPRVbiPRw3dg54+9G5FZhJ7GgMEw\ndip4lQo/izbZm+Lrpse2AKBFDdIZVkhUfCDBVSJm9zrNJucLxBFihTkk9hhX\ndxhjCDEqJln/ZQQ6marDUPFjGMdcgRPB9Mll9MGRCGnlGvAmR2EO167jK5jT\nmP6JI8QazP29vZi2+pUEzswC9xhY1K5IwW5VfyuXxUTj0J6p9pcNfN/EsUrk\nhu8P\r\n=bl8d\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","readme":"# ⛔️ This is an alpha component ⛔️\n\nThis component is currently tagged as alpha and is not suitable for production use. Following the passing of an accessibility review this component will be marked as ready for production and the alpha tag removed.\n\n# psammead-leading-story-promo - [![Known Vulnerabilities](https://snyk.io/test/github/bbc/psammead/badge.svg?targetFile=packages%2Fcomponents%2Fpsammead-leading-story-promo%2Fpackage.json)](https://snyk.io/test/github/bbc/psammead?targetFile=packages%2Fcomponents%2Fpsammead-leading-story-promo%2Fpackage.json) [![Dependency Status](https://david-dm.org/bbc/psammead.svg?path=packages/components/psammead-leading-story-promo)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-leading-story-promo) [![peerDependencies Status](https://david-dm.org/bbc/psammead/peer-status.svg?path=packages/components/psammead-leading-story-promo)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-leading-story-promo&type=peer) [![Storybook](https://raw.githubusercontent.com/storybooks/brand/master/badge/badge-storybook.svg?sanitize=true)](https://bbc.github.io/psammead/?path=/story/leading-story-promo--containing-image) [![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-leading-story-promo.svg)](https://www.npmjs.com/package/@bbc/psammead-leading-story-promo) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/bbc/psammead/blob/latest/CONTRIBUTING.md)\n\n## Description\n\nThe `LeadingStoryPromo` component is designed to be used on 'index' pages, which are pages that contain a list or collection of stories. Examples of index pages include front pages, feature index pages, topic pages. The `LeadingStoryPromo` component displays both an image and info, where `info` can be a collection of any nodes.\n\n## Installation\n\n`npm install @bbc/psammead-leading-story-promo`\n\n## Props\n\n| Argument  | Type | Required | Default | Example |\n| --------- | ---- | -------- | ------- | ------- |\n| image     | node | Yes      | N/A     | `<img />` |\n| info      | node | Yes      | N/A     | `<h2>Title</h2>` |\n\n## Usage\n\nThe typical usage of this component is as described below. For LTR services an image sits on the right side of the promo with info elements on the left, while for RTL services an image sits on the left side of the promo with info elements on the right.\n\n```jsx\nimport LeadingStoryPromo from '@bbc/psammead-leading-story-promo';\n\nconst WrappingComponent = () => (\n  <div>\n    <LeadingStoryPromo image={image} info={info} />\n  </div>\n);\n```\n\n### When to use this component\n\nThe `LeadingStoryPromo` component is designed to be used within a link element to allow the user to navigate to the featured story on another page.\n\n### When not to use this component\n\n<!-- Description of the where the component shouldn't be used -->\n\n### Accessibility notes\nThis component is still in its initial alpha stages, and requires a full and extensive accessibility review.\n\n### Roadmap\n\n<!-- Known future changes of the component -->\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 repository](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-News/psammead/tree/latest/packages/components/psammead-leading-story-promo","type":"git"},"_npmVersion":"6.12.0","description":"Leading story promo.","directories":{},"sideEffects":false,"_nodeVersion":"12.13.0","dependencies":{"@bbc/psammead-grid":"^1.0.0-alpha.1","@bbc/gel-foundations":"^3.4.1","@bbc/psammead-styles":"^4.1.1"},"publishConfig":{"tag":"alpha"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"react":"^16.10.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-leading-story-promo_0.1.0-alpha.3_1574850222797_0.5075420760960743","host":"s3://npm-registry-packages"}},"0.1.0-alpha.4":{"name":"@bbc/psammead-leading-story-promo","version":"0.1.0-alpha.4","author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-leading-story-promo@0.1.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"}],"homepage":"https://github.com/BBC-News/psammead/blob/latest/packages/components/psammead-leading-story-promo/README.md","bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"6c096a559bdd3e9f6fb81d69eb9534e406d5a8e2","tarball":"https://registry.npmjs.org/@bbc/psammead-leading-story-promo/-/psammead-leading-story-promo-0.1.0-alpha.4.tgz","fileCount":9,"integrity":"sha512-it1TfO2UYKdfkQLhh/BDU2FJMlt+rZ3O7aMJDi6iurCLAvzQqnglJEY+G5ZZdIC4FWQ9gpDce3tSDj1s5c2AWg==","signatures":[{"sig":"MEQCIFDM1rN/j3cogj2faBPowCC9S0oi4DOjxNFQHGlo1zgtAiBkVWCJjj4IWAGQvtUqe5pkitaIkG1icP6IEwb5izP0Sw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":24786,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd3nJxCRA9TVsSAnZWagAAv0gP/Ao3OvPoNlQtYkmiUo+X\nlDhhRzpUWWzCxKTcMIy8BPXAfeUFUTfLG1BXG7DpNl4cZf7XLeuku8UFrzNy\nUkUaUrmXjraKstGk9eWetuvWI0/m3IZRLCwKvK4G2hlC29pmObdJzSeqQpOQ\npGm4+cGqbXjZ9IPJJDZwQxXfSGfIdXkPFwbAnXiLcfwLf+Dg5qU1TUvpFR2B\neRKLXIH1aUG+2BzGDHOeL5vd/AbKONeVYO7qBcMQwJVa3Td6Egeei3w6zqCV\nn3y618XklaC9nTlsRUWA0yCtjieyQ2TmSv4EKrgJehoNww9RLwDIjeuQy4Hq\nKwhWz5AwfWH69ljJgiYxUgAjh3PGrMi2l+A/Vwb3Z/wn+zwaT9tWxHSz/mR1\nTLHhtpmTCMA1uc+9IzWlsREh+x7gdWOI3C5O0r+Pe6S5R1V0Ow5mtbKDohvH\nQeBdP0JLM4N52tICZPkyFOjF+BNzx+AooOIUWsNrxL1wuAUvMwkLnMc0gjvS\n69vs/zcJ74ubZFy0671PV9QIlwt90BdXcSzRRfc4bHaQDLEX8u2b6O2pCKO6\nG0eNoVdGfvWaa8RbVQIWHbdF3h4nFrvPQMQTBVJYDn3M8XT1Gie1ujP+2AN+\n+cMLRdh9hlz+H4zv6OPnJgjc6/Ikt+4CB+4gCxDl9Gqp5IxyXI+siq080dUy\nSo/T\r\n=2zFN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","readme":"# ⛔️ This is an alpha component ⛔️\n\nThis component is currently tagged as alpha and is not suitable for production use. Following the passing of an accessibility review this component will be marked as ready for production and the alpha tag removed.\n\n# psammead-leading-story-promo - [![Known Vulnerabilities](https://snyk.io/test/github/bbc/psammead/badge.svg?targetFile=packages%2Fcomponents%2Fpsammead-leading-story-promo%2Fpackage.json)](https://snyk.io/test/github/bbc/psammead?targetFile=packages%2Fcomponents%2Fpsammead-leading-story-promo%2Fpackage.json) [![Dependency Status](https://david-dm.org/bbc/psammead.svg?path=packages/components/psammead-leading-story-promo)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-leading-story-promo) [![peerDependencies Status](https://david-dm.org/bbc/psammead/peer-status.svg?path=packages/components/psammead-leading-story-promo)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-leading-story-promo&type=peer) [![Storybook](https://raw.githubusercontent.com/storybooks/brand/master/badge/badge-storybook.svg?sanitize=true)](https://bbc.github.io/psammead/?path=/story/leading-story-promo--containing-image) [![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-leading-story-promo.svg)](https://www.npmjs.com/package/@bbc/psammead-leading-story-promo) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/bbc/psammead/blob/latest/CONTRIBUTING.md)\n\n## Description\n\nThe `LeadingStoryPromo` component is designed to be used on 'index' pages, which are pages that contain a list or collection of stories. Examples of index pages include front pages, feature index pages, topic pages. The `LeadingStoryPromo` component displays both an image and info, where `info` can be a collection of any nodes.\n\n## Installation\n\n`npm install @bbc/psammead-leading-story-promo`\n\n## Props\n\n| Argument  | Type | Required | Default | Example |\n| --------- | ---- | -------- | ------- | ------- |\n| image     | node | Yes      | N/A     | `<img />` |\n| info      | node | Yes      | N/A     | `<h2>Title</h2>` |\n\n## Usage\n\nThe typical usage of this component is as described below. For LTR services an image sits on the right side of the promo with info elements on the left, while for RTL services an image sits on the left side of the promo with info elements on the right.\n\n```jsx\nimport LeadingStoryPromo from '@bbc/psammead-leading-story-promo';\n\nconst WrappingComponent = () => (\n  <div>\n    <LeadingStoryPromo image={image} info={info} />\n  </div>\n);\n```\n\n### When to use this component\n\nThe `LeadingStoryPromo` component is designed to be used within a link element to allow the user to navigate to the featured story on another page.\n\n### When not to use this component\n\n<!-- Description of the where the component shouldn't be used -->\n\n### Accessibility notes\nThis component is still in its initial alpha stages, and requires a full and extensive accessibility review.\n\n### Roadmap\n\n<!-- Known future changes of the component -->\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 repository](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-News/psammead/tree/latest/packages/components/psammead-leading-story-promo","type":"git"},"_npmVersion":"6.12.0","description":"Leading story promo.","directories":{},"sideEffects":false,"_nodeVersion":"12.13.0","dependencies":{"@bbc/psammead-grid":"^1.0.0-alpha.1","@bbc/gel-foundations":"^3.4.1","@bbc/psammead-styles":"^4.1.2"},"publishConfig":{"tag":"alpha"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"react":"^16.10.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-leading-story-promo_0.1.0-alpha.4_1574859376485_0.06309071084048146","host":"s3://npm-registry-packages"}},"0.1.0-alpha.5":{"name":"@bbc/psammead-leading-story-promo","version":"0.1.0-alpha.5","author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-leading-story-promo@0.1.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"}],"homepage":"https://github.com/BBC-News/psammead/blob/latest/packages/components/psammead-leading-story-promo/README.md","bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"4ada11e6a3745a13871d2effbd6256b687916568","tarball":"https://registry.npmjs.org/@bbc/psammead-leading-story-promo/-/psammead-leading-story-promo-0.1.0-alpha.5.tgz","fileCount":9,"integrity":"sha512-1xg6ZIoc9fp5PQ17cVcaUsNnmhPQZbi0wX8levG1DXWpajS6yW7Dpao4vVeawz/XU6FOGHlLmsutJcdMsPvPdQ==","signatures":[{"sig":"MEYCIQDW7O4Mvb6D+WlXkoSqE8Dr9QjroSh5ImbLL9wlNDidkQIhALGIabwzVpjN0llcHVHhqyRvIZWq8EAZvxfvSMCzaKwv","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":24898,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeFiiKCRA9TVsSAnZWagAA3q0P/jR//eT4itUAxckT7kYN\nlmE4Zox7xOCDn0MdAn4KtKY/Bju5wK7vIW1r9GD1PVwKyn8rkIOR9nn2garc\nsUgczqVuul+15zHfJs5LPgdRpnNf9jRICTDiBz5mxnPPAbfmsSZrIdJtkRpa\nNczJWDR0wFjpLKfwqoiVh9xlQl3HGaob+z8ZsMnPnoVoVHv4mEhA8JQCXAOx\nZVt14cbhzCAGXfdxFwFAld/iUjfG9PrIqmPBznWTSEtvNuxx5VUbVK+8wSNS\nQt81yudcrHR5/J9ohlszS6FnKMbOVWiXWzkpyvQtZGZr4xGoksYeNT4zsqOo\n1BPxjfiFuBv0cj2b947DyipIH1MtYTMV8uBSkB5QAp/Maa3JB3XGkfc6aDXd\nUMqcnZ6t5Z3+RgI57CMusWaT2q8+bNbMZrCxseXu4JJ3K1ySAXohWKkzy9gk\nddg079kho/SuGDRVkGJPPWbcNvlCJ+f+tZTv7PxsVJe0sCUH0ZH3n1QRPsbl\nD7j26/mBfgJo5KqVB4c/6N8UsAkvuAS6MfMMNtuZ9at8YSj5JL25Gp5FHtJg\nrQqEg72f4/+1uMUNN0jge+/Zj5tdWU0FgVvKPKIxd8ums9TaPQ6tjpMV4T9T\n/ZK4qtpbo48DKCugl+ZYoqNHKkrErRWZDGo8RC47dLLyjC8GkCI7sayv0Wl0\nwEY8\r\n=qOWa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","readme":"# ⛔️ This is an alpha component ⛔️\n\nThis component is currently tagged as alpha and is not suitable for production use. Following the passing of an accessibility review this component will be marked as ready for production and the alpha tag removed.\n\n# psammead-leading-story-promo - [![Known Vulnerabilities](https://snyk.io/test/github/bbc/psammead/badge.svg?targetFile=packages%2Fcomponents%2Fpsammead-leading-story-promo%2Fpackage.json)](https://snyk.io/test/github/bbc/psammead?targetFile=packages%2Fcomponents%2Fpsammead-leading-story-promo%2Fpackage.json) [![Dependency Status](https://david-dm.org/bbc/psammead.svg?path=packages/components/psammead-leading-story-promo)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-leading-story-promo) [![peerDependencies Status](https://david-dm.org/bbc/psammead/peer-status.svg?path=packages/components/psammead-leading-story-promo)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-leading-story-promo&type=peer) [![Storybook](https://raw.githubusercontent.com/storybooks/brand/master/badge/badge-storybook.svg?sanitize=true)](https://bbc.github.io/psammead/?path=/story/leading-story-promo--containing-image) [![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-leading-story-promo.svg)](https://www.npmjs.com/package/@bbc/psammead-leading-story-promo) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/bbc/psammead/blob/latest/CONTRIBUTING.md)\n\n## Description\n\nThe `LeadingStoryPromo` component is designed to be used on 'index' pages, which are pages that contain a list or collection of stories. Examples of index pages include front pages, feature index pages, topic pages. The `LeadingStoryPromo` component displays both an image and info, where `info` can be a collection of any nodes.\n\n## Installation\n\n`npm install @bbc/psammead-leading-story-promo`\n\n## Props\n\n| Argument  | Type | Required | Default | Example |\n| --------- | ---- | -------- | ------- | ------- |\n| image     | node | Yes      | N/A     | `<img />` |\n| info      | node | Yes      | N/A     | `<h2>Title</h2>` |\n\n## Usage\n\nThe typical usage of this component is as described below. For LTR services an image sits on the right side of the promo with info elements on the left, while for RTL services an image sits on the left side of the promo with info elements on the right.\n\n```jsx\nimport LeadingStoryPromo from '@bbc/psammead-leading-story-promo';\n\nconst WrappingComponent = () => (\n  <div>\n    <LeadingStoryPromo image={image} info={info} />\n  </div>\n);\n```\n\n### When to use this component\n\nThe `LeadingStoryPromo` component is designed to be used within a link element to allow the user to navigate to the featured story on another page.\n\n### When not to use this component\n\n<!-- Description of the where the component shouldn't be used -->\n\n### Accessibility notes\nThis component is still in its initial alpha stages, and requires a full and extensive accessibility review.\n\n### Roadmap\n\n<!-- Known future changes of the component -->\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 repository](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-News/psammead/tree/latest/packages/components/psammead-leading-story-promo","type":"git"},"_npmVersion":"6.13.4","description":"Leading story promo.","directories":{},"sideEffects":false,"_nodeVersion":"12.13.0","dependencies":{"@bbc/psammead-grid":"^1.1.0","@bbc/gel-foundations":"^3.4.1","@bbc/psammead-styles":"^4.1.2"},"publishConfig":{"tag":"alpha"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"react":"^16.10.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-leading-story-promo_0.1.0-alpha.5_1578510474448_0.8813296802404442","host":"s3://npm-registry-packages"}},"0.1.0-alpha.6":{"name":"@bbc/psammead-leading-story-promo","version":"0.1.0-alpha.6","author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-leading-story-promo@0.1.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"}],"homepage":"https://github.com/BBC-News/psammead/blob/latest/packages/components/psammead-leading-story-promo/README.md","bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"bfec4e4b57ef81065a53ac9fe815f217a3d88b6a","tarball":"https://registry.npmjs.org/@bbc/psammead-leading-story-promo/-/psammead-leading-story-promo-0.1.0-alpha.6.tgz","fileCount":9,"integrity":"sha512-P45PdzFr80++RzIfKJNrna2qPLx1nDooWuC/dZD9ST7zi+t/ZYbruR2dxCmqDj1gdKJSUUmDWBeqMv4NyvhxwQ==","signatures":[{"sig":"MEQCIE/w6zO/5JS+MXCkvam+lc8tgqSchBCisEPSHTB/m6NWAiBKdztYbpshC/RH0s/D/HYVGQPutr0E8+WV58mldIOtxA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25015,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeHIvLCRA9TVsSAnZWagAAhrUP/2/LOwUHWtX9PyOvGq+F\ntdnVzTOuQ37nnjD8ZZ6MroVmNpxgQXfTG8Zik1WRuGLKEpj60ngTBgp0Wx9v\n4SiIPR2nExLIShe+xmHb0K0FcViaeuxGTJ8F7W20d2WryzoAZKTus34yf0L6\n6o7N00osnDdo9u5A9L/veAKD3dnCJ4kYqUnxS9B1jeimpI9ILNlG7m22GBOm\nJMJ79Pg8v3y3Z8gJcv7xXyeh02oySCtDFGIC0BZjJu1dXyPvfi0ipdsC1D2X\nF/aYZuGsnLfwqZhLOj50UldiPPJrp4LXcdEFmm5n8I2Ejd7Oeh8c1Lymb9Qq\nbGkxKwqzscdm7ilNeortCEb37jV9KPLJumezDWmbGgap1xRVqCmqbEDy+lnb\nT/Ry0+a091eEm4wJDj75OYs9Ru7IcW+pSY1DdS870Ph2fW1V5XPO/WoY9xS7\nSV5fxaHq2ABVheyWglYYkNBAIGnH779lhBCmGsbzh1taAVinbNixU5KhVjxr\nmJntO4/QPg8mrEnyImUAboQLaTVKRDICYpGifBVlJoOJpQ76GDTvT3lMSlq/\nu7UIkd7tTmDvnhzgO8MGXs0z1HxSGum3oMO0sDZp8yTvGd5mUpxPhBaALTIu\n5T2tsQ2MCMdiNEUVJqOCSOx9riv10c9N5MgoAHid0aYtnSJTfdlST3XSSkzo\nhLNt\r\n=3AG5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","readme":"# ⛔️ This is an alpha component ⛔️\n\nThis component is currently tagged as alpha and is not suitable for production use. Following the passing of an accessibility review this component will be marked as ready for production and the alpha tag removed.\n\n# psammead-leading-story-promo - [![Known Vulnerabilities](https://snyk.io/test/github/bbc/psammead/badge.svg?targetFile=packages%2Fcomponents%2Fpsammead-leading-story-promo%2Fpackage.json)](https://snyk.io/test/github/bbc/psammead?targetFile=packages%2Fcomponents%2Fpsammead-leading-story-promo%2Fpackage.json) [![Dependency Status](https://david-dm.org/bbc/psammead.svg?path=packages/components/psammead-leading-story-promo)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-leading-story-promo) [![peerDependencies Status](https://david-dm.org/bbc/psammead/peer-status.svg?path=packages/components/psammead-leading-story-promo)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-leading-story-promo&type=peer) [![Storybook](https://raw.githubusercontent.com/storybooks/brand/master/badge/badge-storybook.svg?sanitize=true)](https://bbc.github.io/psammead/?path=/story/leading-story-promo--containing-image) [![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-leading-story-promo.svg)](https://www.npmjs.com/package/@bbc/psammead-leading-story-promo) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/bbc/psammead/blob/latest/CONTRIBUTING.md)\n\n## Description\n\nThe `LeadingStoryPromo` component is designed to be used on 'index' pages, which are pages that contain a list or collection of stories. Examples of index pages include front pages, feature index pages, topic pages. The `LeadingStoryPromo` component displays both an image and info, where `info` can be a collection of any nodes.\n\n## Installation\n\n`npm install @bbc/psammead-leading-story-promo`\n\n## Props\n\n| Argument  | Type | Required | Default | Example |\n| --------- | ---- | -------- | ------- | ------- |\n| image     | node | Yes      | N/A     | `<img />` |\n| info      | node | Yes      | N/A     | `<h2>Title</h2>` |\n\n## Usage\n\nThe typical usage of this component is as described below. For LTR services an image sits on the right side of the promo with info elements on the left, while for RTL services an image sits on the left side of the promo with info elements on the right.\n\n```jsx\nimport LeadingStoryPromo from '@bbc/psammead-leading-story-promo';\n\nconst WrappingComponent = () => (\n  <div>\n    <LeadingStoryPromo image={image} info={info} />\n  </div>\n);\n```\n\n### When to use this component\n\nThe `LeadingStoryPromo` component is designed to be used within a link element to allow the user to navigate to the featured story on another page.\n\n### When not to use this component\n\n<!-- Description of the where the component shouldn't be used -->\n\n### Accessibility notes\nThis component is still in its initial alpha stages, and requires a full and extensive accessibility review.\n\n### Roadmap\n\n<!-- Known future changes of the component -->\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 repository](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-News/psammead/tree/latest/packages/components/psammead-leading-story-promo","type":"git"},"_npmVersion":"6.13.4","description":"Leading story promo.","directories":{},"sideEffects":false,"_nodeVersion":"12.13.0","dependencies":{"@bbc/psammead-grid":"^1.1.0","@bbc/gel-foundations":"^3.4.1","@bbc/psammead-styles":"^4.1.2"},"publishConfig":{"tag":"alpha"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"react":"^16.10.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-leading-story-promo_0.1.0-alpha.6_1578929098605_0.0015157950300166423","host":"s3://npm-registry-packages"}},"0.1.0-alpha.7":{"name":"@bbc/psammead-leading-story-promo","version":"0.1.0-alpha.7","author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-leading-story-promo@0.1.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"}],"homepage":"https://github.com/BBC-News/psammead/blob/latest/packages/components/psammead-leading-story-promo/README.md","bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"c4c23069f369bce798ba3eb7dd792a98042da9c6","tarball":"https://registry.npmjs.org/@bbc/psammead-leading-story-promo/-/psammead-leading-story-promo-0.1.0-alpha.7.tgz","fileCount":9,"integrity":"sha512-WRKpbqDNha8PohWq2v7un1aWrcRJcC519PYMG7ehsSG0DH3m4Xatd2fD6WqM5tl+uyJx1v4aNNS3m3rGByIcbg==","signatures":[{"sig":"MEUCIQDONt1Ic8DMXCr+LRxygoFJItPl3TQprLKZ16F368K8/wIgVqGsN4kdm98H40Q4Rg6XDnM5NM91gWarEdWHOYaJsCU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25157,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeHJcqCRA9TVsSAnZWagAANaYP/jyAnuAWGfwD5gxOPnG4\nfoAjOuH5exy8EfiYpCOfowgNqzcp01JsTrRJLC77YatHSwmajOcmXCgQge4A\nxXDD0czqLIUgaDreDOg95TEydP1cGfNqivviRXI0Q6CseFz4fvj4448Q1oTm\nFjjsPq2rDI1kw4G9oc4pPHhGc4S4HMlcCEzra9yLttl9Gd6vF+MSPJVFeAYX\nuxUlCggGyhs6b0Q4l4aSYafl96GehE8x0/plCdCA7V+7q41uqfnvc6yWrj63\nXzRZHiMNVgm6or7Kz2ovkmWppc4X6a/dQwWNxfJxkb2RhXtiWb6+7JFFNLgH\nCVPJdTU9mgBc8wX0Es4AYK2pQsjizveFi7PWEVRfklpBmLp32vcnL0y5kEd6\nn72aJJ/sBwNPKeD1kS1Wft33SvzA7SPbLNpQhx+O/8vK2a660gY2D9Cn47mZ\nDSqP1FGAIlpUI24bhO5EBTcZ6nnHUH3uAky2AcSSw/kW9bypAHWNhnsH/Iuv\ngH0xfiEGpK7a4HkwaXNeiIpUqkIMbhr72Z7wYeH7ysR3iTIfEiIIJkLjYWl3\n2oUqHyDmOqmtarmqxSYStb7Nul7G2cdSTiyIuHeBiu2hcgHp0X/TWqFJoB77\ngISHBody6QeEdd/dGEHAUsOXFUz/Xj+L2+P7Vx58TSJCQUbg7GJEOrjfDJag\nCpDT\r\n=FdSF\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","readme":"# ⛔️ This is an alpha component ⛔️\n\nThis component is currently tagged as alpha and is not suitable for production use. Following the passing of an accessibility review this component will be marked as ready for production and the alpha tag removed.\n\n# psammead-leading-story-promo - [![Known Vulnerabilities](https://snyk.io/test/github/bbc/psammead/badge.svg?targetFile=packages%2Fcomponents%2Fpsammead-leading-story-promo%2Fpackage.json)](https://snyk.io/test/github/bbc/psammead?targetFile=packages%2Fcomponents%2Fpsammead-leading-story-promo%2Fpackage.json) [![Dependency Status](https://david-dm.org/bbc/psammead.svg?path=packages/components/psammead-leading-story-promo)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-leading-story-promo) [![peerDependencies Status](https://david-dm.org/bbc/psammead/peer-status.svg?path=packages/components/psammead-leading-story-promo)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-leading-story-promo&type=peer) [![Storybook](https://raw.githubusercontent.com/storybooks/brand/master/badge/badge-storybook.svg?sanitize=true)](https://bbc.github.io/psammead/?path=/story/leading-story-promo--containing-image) [![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-leading-story-promo.svg)](https://www.npmjs.com/package/@bbc/psammead-leading-story-promo) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/bbc/psammead/blob/latest/CONTRIBUTING.md)\n\n## Description\n\nThe `LeadingStoryPromo` component is designed to be used on 'index' pages, which are pages that contain a list or collection of stories. Examples of index pages include front pages, feature index pages, topic pages. The `LeadingStoryPromo` component displays both an image and info, where `info` can be a collection of any nodes.\n\n## Installation\n\n`npm install @bbc/psammead-leading-story-promo`\n\n## Props\n\n| Argument  | Type | Required | Default | Example |\n| --------- | ---- | -------- | ------- | ------- |\n| image     | node | Yes      | N/A     | `<img />` |\n| info      | node | Yes      | N/A     | `<h2>Title</h2>` |\n\n## Usage\n\nThe typical usage of this component is as described below. For LTR services an image sits on the right side of the promo with info elements on the left, while for RTL services an image sits on the left side of the promo with info elements on the right.\n\n```jsx\nimport LeadingStoryPromo from '@bbc/psammead-leading-story-promo';\n\nconst WrappingComponent = () => (\n  <div>\n    <LeadingStoryPromo image={image} info={info} />\n  </div>\n);\n```\n\n### When to use this component\n\nThe `LeadingStoryPromo` component is designed to be used within a link element to allow the user to navigate to the featured story on another page.\n\n### When not to use this component\n\n<!-- Description of the where the component shouldn't be used -->\n\n### Accessibility notes\nThis component is still in its initial alpha stages, and requires a full and extensive accessibility review.\n\n### Roadmap\n\n<!-- Known future changes of the component -->\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 repository](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-News/psammead/tree/latest/packages/components/psammead-leading-story-promo","type":"git"},"_npmVersion":"6.13.4","description":"Leading story promo.","directories":{},"sideEffects":false,"_nodeVersion":"12.13.0","dependencies":{"@bbc/psammead-grid":"^1.1.1","@bbc/gel-foundations":"^3.4.2","@bbc/psammead-styles":"^4.1.2"},"publishConfig":{"tag":"alpha"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"react":"^16.10.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-leading-story-promo_0.1.0-alpha.7_1578932010044_0.2381124343730443","host":"s3://npm-registry-packages"}},"0.1.0-alpha.8":{"name":"@bbc/psammead-leading-story-promo","version":"0.1.0-alpha.8","author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-leading-story-promo@0.1.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"}],"homepage":"https://github.com/BBC-News/psammead/blob/latest/packages/components/psammead-leading-story-promo/README.md","bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"dfcfc9335ebfcba4eccb59860cf22452dc462eb7","tarball":"https://registry.npmjs.org/@bbc/psammead-leading-story-promo/-/psammead-leading-story-promo-0.1.0-alpha.8.tgz","fileCount":9,"integrity":"sha512-yJKUzxCKG8q4HN4n70Zwr9Ln6l9eVsI/VvsjKtIg3SqiErA/qPAe3YSQqoaZeLvJD/rz+bAc5gpdqfLICKeoew==","signatures":[{"sig":"MEUCIHqKHhaCyHdeuTjlBt9ctHkmK4iPdYok+JpaYLsmzhzqAiEAm9FVKX1HujQHncLRh01t6u/O2BFVsTQCOzWb/E2n9pI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25277,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeHKtxCRA9TVsSAnZWagAArWsP/jnu9MNlF7V9+DDrYrVc\n7Lc/82qPVJq9E9ear08tN5dSKvzIh4qV+lBAEknVQFfPHxX2MJnw3OCwOVWj\nlWTUEeSk5SDHqhAA/bniJKTL8OLeu/JY6veb9TLxm8SbRgixUZOY0iWRaRC7\nNFZePx72D5cEpbtA3VmsO78amKWkp5J9TnAet5GzrAiv4REBVFDE9a9knrLH\nXJ8SjQZpJ0Vb0+w1L58zu+LQN/Ox7ZSiyE4LNbgCVh2wRAR+78D4Wx9+wkkE\n6IXFkxQrEgg6Xs97rz6sLBBy+hBPruhsYMULTWZ49Nk0ZRLVTxGoUVyT8WBV\nSDOnTpY5Yqc0GDubrhplcaUHzBhq2MQQxHUKyN7eSZE/oxUQg2A+R+U8SsgM\ndoiaeLpCp/03MqrAZTb/OKZNOZunt1hyosWAY0o9LnpxctuxUGN/9ZNZhH4+\n/cMu8NNgHTA0cs+VpCQtKDRD1FA6qiADqrk+t6URE3trsBmXblME3HOBSM8P\nLEYqumU0qYWI+236Sh2IuCE9ndCqDYvmI7v2WTUCwudxqQGSEt45Hvdod6gZ\n30CQtJ8dbrdP58OeJouuWO3+JM+QrIGB5VSv8Ab1t311KaOUcNYT+oNO4uSM\npdzLQxc6RrhYeT2lT1hDz6N2po8+Piw3+p6JLPzsVsvI15nmKVlx/yQO6jX2\nK2Vt\r\n=Zv2Y\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","readme":"# ⛔️ This is an alpha component ⛔️\n\nThis component is currently tagged as alpha and is not suitable for production use. Following the passing of an accessibility review this component will be marked as ready for production and the alpha tag removed.\n\n# psammead-leading-story-promo - [![Known Vulnerabilities](https://snyk.io/test/github/bbc/psammead/badge.svg?targetFile=packages%2Fcomponents%2Fpsammead-leading-story-promo%2Fpackage.json)](https://snyk.io/test/github/bbc/psammead?targetFile=packages%2Fcomponents%2Fpsammead-leading-story-promo%2Fpackage.json) [![Dependency Status](https://david-dm.org/bbc/psammead.svg?path=packages/components/psammead-leading-story-promo)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-leading-story-promo) [![peerDependencies Status](https://david-dm.org/bbc/psammead/peer-status.svg?path=packages/components/psammead-leading-story-promo)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-leading-story-promo&type=peer) [![Storybook](https://raw.githubusercontent.com/storybooks/brand/master/badge/badge-storybook.svg?sanitize=true)](https://bbc.github.io/psammead/?path=/story/leading-story-promo--containing-image) [![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-leading-story-promo.svg)](https://www.npmjs.com/package/@bbc/psammead-leading-story-promo) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/bbc/psammead/blob/latest/CONTRIBUTING.md)\n\n## Description\n\nThe `LeadingStoryPromo` component is designed to be used on 'index' pages, which are pages that contain a list or collection of stories. Examples of index pages include front pages, feature index pages, topic pages. The `LeadingStoryPromo` component displays both an image and info, where `info` can be a collection of any nodes.\n\n## Installation\n\n`npm install @bbc/psammead-leading-story-promo`\n\n## Props\n\n| Argument  | Type | Required | Default | Example |\n| --------- | ---- | -------- | ------- | ------- |\n| image     | node | Yes      | N/A     | `<img />` |\n| info      | node | Yes      | N/A     | `<h2>Title</h2>` |\n\n## Usage\n\nThe typical usage of this component is as described below. For LTR services an image sits on the right side of the promo with info elements on the left, while for RTL services an image sits on the left side of the promo with info elements on the right.\n\n```jsx\nimport LeadingStoryPromo from '@bbc/psammead-leading-story-promo';\n\nconst WrappingComponent = () => (\n  <div>\n    <LeadingStoryPromo image={image} info={info} />\n  </div>\n);\n```\n\n### When to use this component\n\nThe `LeadingStoryPromo` component is designed to be used within a link element to allow the user to navigate to the featured story on another page.\n\n### When not to use this component\n\n<!-- Description of the where the component shouldn't be used -->\n\n### Accessibility notes\nThis component is still in its initial alpha stages, and requires a full and extensive accessibility review.\n\n### Roadmap\n\n<!-- Known future changes of the component -->\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 repository](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-News/psammead/tree/latest/packages/components/psammead-leading-story-promo","type":"git"},"_npmVersion":"6.13.4","description":"Leading story promo.","directories":{},"sideEffects":false,"_nodeVersion":"12.13.0","dependencies":{"@bbc/psammead-grid":"^1.1.2","@bbc/gel-foundations":"^3.4.2","@bbc/psammead-styles":"^4.1.2"},"publishConfig":{"tag":"alpha"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"react":"^16.10.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-leading-story-promo_0.1.0-alpha.8_1578937201325_0.422460140674185","host":"s3://npm-registry-packages"}},"0.1.0-alpha.9":{"name":"@bbc/psammead-leading-story-promo","version":"0.1.0-alpha.9","author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-leading-story-promo@0.1.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"}],"homepage":"https://github.com/BBC-News/psammead/blob/latest/packages/components/psammead-leading-story-promo/README.md","bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"532353e364aea1cf0bcd41fcbbe0ae8f7c356f08","tarball":"https://registry.npmjs.org/@bbc/psammead-leading-story-promo/-/psammead-leading-story-promo-0.1.0-alpha.9.tgz","fileCount":9,"integrity":"sha512-QlwHQId7YvjrsJXmSsJutpgf/Ih6UEO4NQg50gHSP2Y0swgbws3XMNdvjLMOcEMcOekpKoR9GyAcJd4Wo+VhAA==","signatures":[{"sig":"MEUCIQD2iFVhjRaDqTcwHKf/t17PGTOP2qa+L8BDbTvi8y2WZgIgBNJhP09QwdW4gJjp/ImzFA1Gd5OiFLfrQ8bODys72SQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25399,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeJZFdCRA9TVsSAnZWagAAsZUQAI9eum3Ms3xrl/NDVe7O\nkALoZsWLVe0LL8vz4e1hKO5hhd3AKpcmV4Yk6ElwIiodbJxqzQnjy5WkwvHR\njICWAN6DcgvZtFzWWIQ1kwBQ0AtM5RGWL0OkBfu0Q867TLGeo52GBPoAyWDT\nwG6bEy6OewcYp2e1ASd8xfPeaLKk27F26rDc5e3190i8hnCTMTsSAzVGM1n5\nhHr4S9+c1BaGDGHZMgmHlzMmPgFzoKnX5Cgvip5aDKfTLKnj1gPCtMDTVSWL\nUg/xRPrEgJVEVN6FCQCDrI6EmTDNWXsJWjoPCRag2bJJqj700ZDcgjL8wa3n\nmchDvFPIU0KWtTFpqhHTizs2JZzFGhgR3dqRg+mHeOKtkC+MRFOJfZWuf/yR\npgvVD5geVmKiCDczLhtTGevEsDXn+PIv1YYGKsf9OA/xjG33gYOJIAEyNPru\nNmdSmgQYPK0+tHzC/EzOjwesO5YvQKvEE4ejnXPGYIIWg40XtSo5/8UI1k+O\n5yCAdnsN2otBYLLRFrQA/KA3RZ9LiH1AEAPu0WFZhZ5JX4x8LOGvfx5yIt08\nIYnDHdI+utYk7FtyPghBMLdesEuLWrdntnYRqBHNwXhjEOgi3TebX780j/nj\nCw1jvIC8XnhEcCVIawoAHiDAJdGthLEYoYNkWQKubxVrZFmuE+KPkhTZGyV/\n2k+R\r\n=l1ZO\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","readme":"# ⛔️ This is an alpha component ⛔️\n\nThis component is currently tagged as alpha and is not suitable for production use. Following the passing of an accessibility review this component will be marked as ready for production and the alpha tag removed.\n\n# psammead-leading-story-promo - [![Known Vulnerabilities](https://snyk.io/test/github/bbc/psammead/badge.svg?targetFile=packages%2Fcomponents%2Fpsammead-leading-story-promo%2Fpackage.json)](https://snyk.io/test/github/bbc/psammead?targetFile=packages%2Fcomponents%2Fpsammead-leading-story-promo%2Fpackage.json) [![Dependency Status](https://david-dm.org/bbc/psammead.svg?path=packages/components/psammead-leading-story-promo)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-leading-story-promo) [![peerDependencies Status](https://david-dm.org/bbc/psammead/peer-status.svg?path=packages/components/psammead-leading-story-promo)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-leading-story-promo&type=peer) [![Storybook](https://raw.githubusercontent.com/storybooks/brand/master/badge/badge-storybook.svg?sanitize=true)](https://bbc.github.io/psammead/?path=/story/leading-story-promo--containing-image) [![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-leading-story-promo.svg)](https://www.npmjs.com/package/@bbc/psammead-leading-story-promo) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/bbc/psammead/blob/latest/CONTRIBUTING.md)\n\n## Description\n\nThe `LeadingStoryPromo` component is designed to be used on 'index' pages, which are pages that contain a list or collection of stories. Examples of index pages include front pages, feature index pages, topic pages. The `LeadingStoryPromo` component displays both an image and info, where `info` can be a collection of any nodes.\n\n## Installation\n\n`npm install @bbc/psammead-leading-story-promo`\n\n## Props\n\n| Argument  | Type | Required | Default | Example |\n| --------- | ---- | -------- | ------- | ------- |\n| image     | node | Yes      | N/A     | `<img />` |\n| info      | node | Yes      | N/A     | `<h2>Title</h2>` |\n\n## Usage\n\nThe typical usage of this component is as described below. For LTR services an image sits on the right side of the promo with info elements on the left, while for RTL services an image sits on the left side of the promo with info elements on the right.\n\n```jsx\nimport LeadingStoryPromo from '@bbc/psammead-leading-story-promo';\n\nconst WrappingComponent = () => (\n  <div>\n    <LeadingStoryPromo image={image} info={info} />\n  </div>\n);\n```\n\n### When to use this component\n\nThe `LeadingStoryPromo` component is designed to be used within a link element to allow the user to navigate to the featured story on another page.\n\n### When not to use this component\n\n<!-- Description of the where the component shouldn't be used -->\n\n### Accessibility notes\nThis component is still in its initial alpha stages, and requires a full and extensive accessibility review.\n\n### Roadmap\n\n<!-- Known future changes of the component -->\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 repository](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-News/psammead/tree/latest/packages/components/psammead-leading-story-promo","type":"git"},"_npmVersion":"6.13.4","description":"Leading story promo.","directories":{},"sideEffects":false,"_nodeVersion":"12.13.0","dependencies":{"@bbc/psammead-grid":"^1.1.2","@bbc/gel-foundations":"^3.4.2","@bbc/psammead-styles":"^4.2.0"},"publishConfig":{"tag":"alpha"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"react":"^16.10.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-leading-story-promo_0.1.0-alpha.9_1579520349406_0.8190759772896681","host":"s3://npm-registry-packages"}},"0.1.0-alpha.10":{"name":"@bbc/psammead-leading-story-promo","version":"0.1.0-alpha.10","author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-leading-story-promo@0.1.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"}],"homepage":"https://github.com/BBC-News/psammead/blob/latest/packages/components/psammead-leading-story-promo/README.md","bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"01ceefa70e83f3acc512e02a396d8e66f41a572b","tarball":"https://registry.npmjs.org/@bbc/psammead-leading-story-promo/-/psammead-leading-story-promo-0.1.0-alpha.10.tgz","fileCount":9,"integrity":"sha512-SxPjCZnImTOORmddHsXCcfZ5+mn9rJ3r49VDpf38pvRInbNhrA5GRK7pTrhcxCjFVPiTOdhrDYUz+7K9z28KGw==","signatures":[{"sig":"MEYCIQCsuZ6cj6osotQW1L++V2CHYt0Ehw4/aw4rhL7nSZXgsAIhAPwX25q++muQhR+o110YdQ+7TIKm+KxJNSc6E4zRiRCm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25543,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeJbqiCRA9TVsSAnZWagAAapAP/Ao6FycQlf7j09BYJtId\nmvwgkg5PVwUgQCkJFfOI71Y2S6ocz2cGJfFE4Mj81a0irIc+fad9E992Vaw0\nX04e8Y7vsdX1BrF7wGP1EWBilVELtkNn1N6r+6c9qWFpDClcvBDuRCVILMcM\n3m+4qKdRiP3+9Td19QO1OejNX0XLY1mQWkCVUrBmjbdQEs2i+J6I7vhnIR+q\ntdtwdubMQw6nL05Vy3uvGWsPtL9E+tuuEtiy4vFgt+X4k/HazM5Sq1LpYB6I\nyoxlL8TsnTvpjMosaE3QJ2DykKLjLchFWhoQ9v5GjK0+7mzT6jlVOI9SgLyB\n3DQZcN7L3TeFxcqXA6oB3I1/FhVKklAPWc80IQcPUegCIoIRBZNMhaNXyHcp\nYRj6fgsyzhACxkKzUn4UdIr8GoSX4UoDX30WlHnQBFjOHsJx9eVTHmz6rYMz\nrhdE9XHR94HcuZuLreWk27inuxwbE+Bzyz6v8892IgqufkW0EoD17u4M0hgV\nBtNJkBWtatUd31PPQ6gTFZP2Z50E2hf/O14f4F74Ba7wbGaN/zf823A3yES3\nVqTr8NRKNEQ+ps7MhWJwgkTWqIpxVSTphxkJv72BgMEM6EOTD2otCfObfTys\nx4VTCJoTXFAP3jpwMNTM92x8t0nyn5E6+nkRftuThwPRCn1YxgPZ+1jv87jM\nem2q\r\n=tkMw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","readme":"# ⛔️ This is an alpha component ⛔️\n\nThis component is currently tagged as alpha and is not suitable for production use. Following the passing of an accessibility review this component will be marked as ready for production and the alpha tag removed.\n\n# psammead-leading-story-promo - [![Known Vulnerabilities](https://snyk.io/test/github/bbc/psammead/badge.svg?targetFile=packages%2Fcomponents%2Fpsammead-leading-story-promo%2Fpackage.json)](https://snyk.io/test/github/bbc/psammead?targetFile=packages%2Fcomponents%2Fpsammead-leading-story-promo%2Fpackage.json) [![Dependency Status](https://david-dm.org/bbc/psammead.svg?path=packages/components/psammead-leading-story-promo)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-leading-story-promo) [![peerDependencies Status](https://david-dm.org/bbc/psammead/peer-status.svg?path=packages/components/psammead-leading-story-promo)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-leading-story-promo&type=peer) [![Storybook](https://raw.githubusercontent.com/storybooks/brand/master/badge/badge-storybook.svg?sanitize=true)](https://bbc.github.io/psammead/?path=/story/leading-story-promo--containing-image) [![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-leading-story-promo.svg)](https://www.npmjs.com/package/@bbc/psammead-leading-story-promo) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/bbc/psammead/blob/latest/CONTRIBUTING.md)\n\n## Description\n\nThe `LeadingStoryPromo` component is designed to be used on 'index' pages, which are pages that contain a list or collection of stories. Examples of index pages include front pages, feature index pages, topic pages. The `LeadingStoryPromo` component displays both an image and info, where `info` can be a collection of any nodes.\n\n## Installation\n\n`npm install @bbc/psammead-leading-story-promo`\n\n## Props\n\n| Argument  | Type | Required | Default | Example |\n| --------- | ---- | -------- | ------- | ------- |\n| image     | node | Yes      | N/A     | `<img />` |\n| info      | node | Yes      | N/A     | `<h2>Title</h2>` |\n\n## Usage\n\nThe typical usage of this component is as described below. For LTR services an image sits on the right side of the promo with info elements on the left, while for RTL services an image sits on the left side of the promo with info elements on the right.\n\n```jsx\nimport LeadingStoryPromo from '@bbc/psammead-leading-story-promo';\n\nconst WrappingComponent = () => (\n  <div>\n    <LeadingStoryPromo image={image} info={info} />\n  </div>\n);\n```\n\n### When to use this component\n\nThe `LeadingStoryPromo` component is designed to be used within a link element to allow the user to navigate to the featured story on another page.\n\n### When not to use this component\n\n<!-- Description of the where the component shouldn't be used -->\n\n### Accessibility notes\nThis component is still in its initial alpha stages, and requires a full and extensive accessibility review.\n\n### Roadmap\n\n<!-- Known future changes of the component -->\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 repository](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-News/psammead/tree/latest/packages/components/psammead-leading-story-promo","type":"git"},"_npmVersion":"6.13.4","description":"Leading story promo.","directories":{},"sideEffects":false,"_nodeVersion":"12.13.0","dependencies":{"@bbc/psammead-grid":"^1.1.3","@bbc/gel-foundations":"^3.4.3","@bbc/psammead-styles":"^4.2.0"},"publishConfig":{"tag":"alpha"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"react":"^16.10.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-leading-story-promo_0.1.0-alpha.10_1579530913766_0.6944287399421707","host":"s3://npm-registry-packages"}},"0.1.0-alpha.11":{"name":"@bbc/psammead-leading-story-promo","version":"0.1.0-alpha.11","author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","_id":"@bbc/psammead-leading-story-promo@0.1.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"}],"homepage":"https://github.com/BBC-News/psammead/blob/latest/packages/components/psammead-leading-story-promo/README.md","bugs":{"url":"https://github.com/bbc/psammead/issues"},"dist":{"shasum":"62e8b28d98bff605c6a6853575e2948517e860c9","tarball":"https://registry.npmjs.org/@bbc/psammead-leading-story-promo/-/psammead-leading-story-promo-0.1.0-alpha.11.tgz","fileCount":9,"integrity":"sha512-lDVbBt+BsfZmGxXHBWoD6PDXfC/zZQ4cI2bKprC/xVqP1PTcx5KG1y9iojSudWVLhanT8FRz2ZHCSNjKJfjeqA==","signatures":[{"sig":"MEUCIQD2je6ZSmTi/f9aviqKjRjXuteDTMg69XdZQYo75+lEMQIgAx+CwJTsV5NYnbqyf9OOn2FvHZ+OOMkcqAYj8ZFBVPY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":25664,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeJuUSCRA9TVsSAnZWagAAOv4P/2M2J6jz0HUfHCuOboD1\nHNlb5WbZOh/josqu3cTRuP31JxuKCzzBOeHtshG+6ZjNEzIBUX4OidUqUcN+\n8TkczNxeAiZlcvZuC/CuDAQunGrFjqGrHC+C7qjDz7jcRvQWO4KANv8FdEpm\njEjT7s0zeO90H1Cnw0DIskeAmQwypNsgIHhmHsw8mrCDzO4lmROmg4bkmwcY\n5rUrYRs5cERKONDJtxrngK1kQmYvYHtnWW4T3Dzgg7Siq9T9yOE4ebhicxJb\nB+IgXh/MZbgYG9w3oFxd1D7nH8ylEPmS97PoidUshyt2LBUX1kb3jidxLu+2\nWfraYMfQttaa2Wfo6uQcd08OQta5dYTM0sKTQe7Rg1r0Ed8eS5+34wuVg6c/\ny8Vik6wzVCeHE326bbvMNEjPZRVGMoeXXoTuDJGWmQMTL6nWPEdmV1xQWU95\nU4Pztk5bEtMkFhfWjRiZ+O0oPZUS7Kuz56iI34jRy92QP5cn+tAYqwgvLVtV\nfu3qw5sg5F36a8I1kOVPv6IzHkoCA5a5qWKi3I7O86Bvbw7W6D4YtRhBs6jT\nVnKgZAhMv/zlT+4GXZPT3gU/Ni8Iv84uZC4t2pHhfAblnTHFOMOGvlPsS0rw\nIXoSaUPOB94yx4a/AWA5wfB6CZ+lY6yA4SXuL7rTHhsor8B/3BxFuXAggfay\nzP7C\r\n=GnQu\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.js","module":"esm/index.js","readme":"# ⛔️ This is an alpha component ⛔️\n\nThis component is currently tagged as alpha and is not suitable for production use. Following the passing of an accessibility review this component will be marked as ready for production and the alpha tag removed.\n\n# psammead-leading-story-promo - [![Known Vulnerabilities](https://snyk.io/test/github/bbc/psammead/badge.svg?targetFile=packages%2Fcomponents%2Fpsammead-leading-story-promo%2Fpackage.json)](https://snyk.io/test/github/bbc/psammead?targetFile=packages%2Fcomponents%2Fpsammead-leading-story-promo%2Fpackage.json) [![Dependency Status](https://david-dm.org/bbc/psammead.svg?path=packages/components/psammead-leading-story-promo)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-leading-story-promo) [![peerDependencies Status](https://david-dm.org/bbc/psammead/peer-status.svg?path=packages/components/psammead-leading-story-promo)](https://david-dm.org/bbc/psammead?path=packages/components/psammead-leading-story-promo&type=peer) [![Storybook](https://raw.githubusercontent.com/storybooks/brand/master/badge/badge-storybook.svg?sanitize=true)](https://bbc.github.io/psammead/?path=/story/leading-story-promo--containing-image) [![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-leading-story-promo.svg)](https://www.npmjs.com/package/@bbc/psammead-leading-story-promo) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/bbc/psammead/blob/latest/CONTRIBUTING.md)\n\n## Description\n\nThe `LeadingStoryPromo` component is designed to be used on 'index' pages, which are pages that contain a list or collection of stories. Examples of index pages include front pages, feature index pages, topic pages. The `LeadingStoryPromo` component displays both an image and info, where `info` can be a collection of any nodes.\n\n## Installation\n\n`npm install @bbc/psammead-leading-story-promo`\n\n## Props\n\n| Argument  | Type | Required | Default | Example |\n| --------- | ---- | -------- | ------- | ------- |\n| image     | node | Yes      | N/A     | `<img />` |\n| info      | node | Yes      | N/A     | `<h2>Title</h2>` |\n\n## Usage\n\nThe typical usage of this component is as described below. For LTR services an image sits on the right side of the promo with info elements on the left, while for RTL services an image sits on the left side of the promo with info elements on the right.\n\n```jsx\nimport LeadingStoryPromo from '@bbc/psammead-leading-story-promo';\n\nconst WrappingComponent = () => (\n  <div>\n    <LeadingStoryPromo image={image} info={info} />\n  </div>\n);\n```\n\n### When to use this component\n\nThe `LeadingStoryPromo` component is designed to be used within a link element to allow the user to navigate to the featured story on another page.\n\n### When not to use this component\n\n<!-- Description of the where the component shouldn't be used -->\n\n### Accessibility notes\nThis component is still in its initial alpha stages, and requires a full and extensive accessibility review.\n\n### Roadmap\n\n<!-- Known future changes of the component -->\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 repository](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-News/psammead/tree/latest/packages/components/psammead-leading-story-promo","type":"git"},"_npmVersion":"6.13.4","description":"Leading story promo.","directories":{},"sideEffects":false,"_nodeVersion":"12.13.0","dependencies":{"@bbc/psammead-grid":"^1.1.4","@bbc/gel-foundations":"^3.4.3","@bbc/psammead-styles":"^4.2.0"},"publishConfig":{"tag":"alpha"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"react":"^16.10.2"},"_npmOperationalInternal":{"tmp":"tmp/psammead-leading-story-promo_0.1.0-alpha.11_1579607314515_0.9703825606462406","host":"s3://npm-registry-packages"}}},"time":{"created":"2019-10-31T16:36:55.630Z","modified":"2026-04-16T10:53:57.523Z","0.1.0-alpha.1":"2019-10-31T16:36:55.931Z","0.1.0-alpha.2":"2019-11-04T17:14:23.545Z","0.1.0-alpha.3":"2019-11-27T10:23:42.925Z","0.1.0-alpha.4":"2019-11-27T12:56:16.622Z","0.1.0-alpha.5":"2020-01-08T19:07:54.591Z","0.1.0-alpha.6":"2020-01-13T15:24:58.793Z","0.1.0-alpha.7":"2020-01-13T16:13:30.198Z","0.1.0-alpha.8":"2020-01-13T17:40:01.536Z","0.1.0-alpha.9":"2020-01-20T11:39:09.532Z","0.1.0-alpha.10":"2020-01-20T14:35:13.879Z","0.1.0-alpha.11":"2020-01-21T11:48:34.662Z"},"bugs":{"url":"https://github.com/bbc/psammead/issues"},"author":{"name":"Psammead Maintainers","email":"PsammeadMaintainers@bbc.co.uk"},"license":"Apache-2.0","homepage":"https://github.com/BBC-News/psammead/blob/latest/packages/components/psammead-leading-story-promo/README.md","repository":{"url":"https://github.com/BBC-News/psammead/tree/latest/packages/components/psammead-leading-story-promo","type":"git"},"description":"Leading story promo.","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":"","readmeFilename":""}