Merge pull request #2995 from bbc/script-link-storybook

Add VisuallyHiddenText to Script Link
BBC-archive · Jan 23, 2020 · 43d41a4 · 43d41a4
2 parents 0814ce0 + 10bedf3
commit 43d41a4
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 2 deletions.
diff --git a/packages/components/psammead-script-link/CHANGELOG.md b/packages/components/psammead-script-link/CHANGELOG.md
@@ -3,6 +3,7 @@
 <!-- prettier-ignore -->
 | Version | Description |
 |---------|-------------|
+| 1.0.7 | [PR#2995](https://github.com/bbc/psammead/pull/2995) Add `VisuallyHiddenText` to Script Link story |
 | 1.0.6 | [PR#2990](https://github.com/bbc/psammead/pull/2990) Use `GEL_SPACING`, `GEL_SPACING_DBL` and `GEL_SPACING_QUIN` constants |
 | 1.0.5 | [PR#2978](https://github.com/bbc/psammead/pull/2978) Talos - Bump Dependencies - @bbc/gel-foundations |
 | 1.0.4 | [PR#2973](https://github.com/bbc/psammead/pull/2973) Talos - Bump Dependencies - @bbc/psammead-styles |

diff --git a/packages/components/psammead-script-link/package-lock.json b/packages/components/psammead-script-link/package-lock.json
diff --git a/packages/components/psammead-script-link/package.json b/packages/components/psammead-script-link/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@bbc/psammead-script-link",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "main": "dist/index.js",
   "module": "esm/index.js",
   "sideEffects": false,

diff --git a/packages/components/psammead-script-link/src/index.stories.jsx b/packages/components/psammead-script-link/src/index.stories.jsx
@@ -4,6 +4,7 @@ import { withKnobs, text } from '@storybook/addon-knobs';
 import styled from 'styled-components';
 import { withServicesKnob } from '@bbc/psammead-storybook-helpers';
 import { GEL_SPACING_DBL } from '@bbc/gel-foundations/spacings';
+import VisuallyHiddenText from '@bbc/psammead-visually-hidden-text';
 import notes from '../README.md';
 import ScriptLink from './index';
 
@@ -31,6 +32,7 @@ storiesOf('Components|ScriptLink', module)
             variant={variant}
           >
             <span>{label}</span>
+            <VisuallyHiddenText>{variant}</VisuallyHiddenText>
           </ScriptLink>
         </Container>
       );