diff --git a/src/components/ReutersGraphicsLogo/ReutersGraphicsLogo.stories.svelte b/src/components/ReutersGraphicsLogo/ReutersGraphicsLogo.stories.svelte new file mode 100644 index 00000000..ba2834e9 --- /dev/null +++ b/src/components/ReutersGraphicsLogo/ReutersGraphicsLogo.stories.svelte @@ -0,0 +1,26 @@ + + + + + + + diff --git a/src/components/ReutersGraphicsLogo/ReutersGraphicsLogo.svelte b/src/components/ReutersGraphicsLogo/ReutersGraphicsLogo.svelte new file mode 100644 index 00000000..e0651cf1 --- /dev/null +++ b/src/components/ReutersGraphicsLogo/ReutersGraphicsLogo.svelte @@ -0,0 +1,52 @@ + + + + + + diff --git a/src/components/ReutersGraphicsLogo/stories/docs/component.md b/src/components/ReutersGraphicsLogo/stories/docs/component.md new file mode 100644 index 00000000..55463813 --- /dev/null +++ b/src/components/ReutersGraphicsLogo/stories/docs/component.md @@ -0,0 +1,11 @@ +Reuters Graphics' official logo. + +> Generally, only used for internal tools. For public pages, use the [ReutersLogo](./?path=/docs/components-reuterslogo--default) component. + +```svelte + + + +``` diff --git a/src/components/ToolsHeader/ToolsHeader.stories.svelte b/src/components/ToolsHeader/ToolsHeader.stories.svelte new file mode 100644 index 00000000..e7c45294 --- /dev/null +++ b/src/components/ToolsHeader/ToolsHeader.stories.svelte @@ -0,0 +1,34 @@ + + + + + + + + + diff --git a/src/components/ToolsHeader/ToolsHeader.svelte b/src/components/ToolsHeader/ToolsHeader.svelte new file mode 100644 index 00000000..6995272e --- /dev/null +++ b/src/components/ToolsHeader/ToolsHeader.svelte @@ -0,0 +1,84 @@ + + + +
+
+ + + +
+ +
+ + diff --git a/src/components/ToolsHeader/stories/docs/component.md b/src/components/ToolsHeader/stories/docs/component.md new file mode 100644 index 00000000..a951a97d --- /dev/null +++ b/src/components/ToolsHeader/stories/docs/component.md @@ -0,0 +1,13 @@ +A header for internal tooling sites. + +> **Note:** Don't use this component for public pages. + +```svelte + + + + + +``` diff --git a/src/index.js b/src/index.js index 34c0b5f6..b77d3e76 100644 --- a/src/index.js +++ b/src/index.js @@ -16,6 +16,7 @@ export { default as PhotoPack } from './components/PhotoPack/PhotoPack.svelte'; export { default as PymChild } from './components/PymChild/PymChild.svelte'; export { pymChildStore } from './components/PymChild/stores.js'; export { default as ReferralBlock } from './components/ReferralBlock/ReferralBlock.svelte'; +export { default as ReutersGraphicsLogo } from './components/ReutersGraphicsLogo/ReutersGraphicsLogo.svelte'; export { default as ReutersLogo } from './components/ReutersLogo/ReutersLogo.svelte'; export { default as Scroller } from './components/Scroller/Scroller.svelte'; export { default as SEO } from './components/SEO/SEO.svelte'; @@ -30,6 +31,7 @@ export { // @ts-ignore themes } from './components/Theme/Theme.svelte'; +export { default as ToolsHeader } from './components/ToolsHeader/ToolsHeader.svelte'; export { default as Video } from './components/Video/Video.svelte'; export { default as Visible } from './components/Visible/Visible.svelte';