@reuters-graphics/graphics-components 1.1.7 → 2.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/actions/cssVariables/cssVariables.mdx +0 -2
- package/dist/actions/resizeObserver/resizeObserver.mdx +0 -2
- package/dist/components/AdSlot/InlineAd.stories.svelte +7 -5
- package/dist/components/AdSlot/InlineAd.stories.svelte.d.ts +7 -0
- package/dist/components/AdSlot/InlineAd.svelte +1 -1
- package/dist/components/AdSlot/InlineAd.svelte.d.ts +1 -1
- package/dist/components/AdSlot/LeaderboardAd.stories.svelte +11 -14
- package/dist/components/AdSlot/LeaderboardAd.stories.svelte.d.ts +15 -17
- package/dist/components/AdSlot/LeaderboardAd.svelte +1 -1
- package/dist/components/AdSlot/LeaderboardAd.svelte.d.ts +1 -1
- package/dist/components/AdSlot/SponsorshipAd.stories.svelte +11 -13
- package/dist/components/AdSlot/SponsorshipAd.stories.svelte.d.ts +15 -17
- package/dist/components/AdSlot/SponsorshipAd.svelte +1 -1
- package/dist/components/AdSlot/SponsorshipAd.svelte.d.ts +1 -1
- package/dist/components/Analytics/Analytics.stories.svelte +13 -18
- package/dist/components/Analytics/Analytics.stories.svelte.d.ts +15 -17
- package/dist/components/Analytics/Analytics.svelte +1 -1
- package/dist/components/Analytics/Analytics.svelte.d.ts +1 -1
- package/dist/components/Article/Article.stories.svelte +10 -12
- package/dist/components/Article/Article.stories.svelte.d.ts +7 -0
- package/dist/components/Article/Article.svelte +1 -1
- package/dist/components/Article/Article.svelte.d.ts +1 -1
- package/dist/components/BeforeAfter/BeforeAfter.stories.svelte +20 -28
- package/dist/components/BeforeAfter/BeforeAfter.stories.svelte.d.ts +24 -17
- package/dist/components/BeforeAfter/BeforeAfter.svelte +1 -1
- package/dist/components/BeforeAfter/BeforeAfter.svelte.d.ts +1 -1
- package/dist/components/Block/Block.stories.svelte +27 -35
- package/dist/components/Block/Block.stories.svelte.d.ts +21 -17
- package/dist/components/Block/Block.svelte +1 -1
- package/dist/components/Block/Block.svelte.d.ts +1 -1
- package/dist/components/Block/stories/docs/snapWidths.md +2 -2
- package/dist/components/BodyText/BodyText.stories.svelte +11 -14
- package/dist/components/BodyText/BodyText.stories.svelte.d.ts +15 -17
- package/dist/components/BodyText/BodyText.svelte +1 -1
- package/dist/components/BodyText/BodyText.svelte.d.ts +1 -1
- package/dist/components/BodyText/stories/docs/component.md +16 -3
- package/dist/components/Byline/Byline.stories.svelte +17 -21
- package/dist/components/Byline/Byline.stories.svelte.d.ts +21 -17
- package/dist/components/Byline/Byline.svelte +1 -0
- package/dist/components/Byline/Byline.svelte.d.ts +1 -0
- package/dist/components/DatawrapperChart/DatawrapperChart.stories.svelte +21 -29
- package/dist/components/DatawrapperChart/DatawrapperChart.stories.svelte.d.ts +21 -17
- package/dist/components/DatawrapperChart/DatawrapperChart.svelte +1 -1
- package/dist/components/DatawrapperChart/DatawrapperChart.svelte.d.ts +1 -1
- package/dist/components/DocumentCloud/DocumentCloud.stories.svelte +17 -24
- package/dist/components/DocumentCloud/DocumentCloud.stories.svelte.d.ts +21 -17
- package/dist/components/DocumentCloud/DocumentCloud.svelte +1 -1
- package/dist/components/DocumentCloud/DocumentCloud.svelte.d.ts +1 -1
- package/dist/components/EmbedPreviewerLink/EmbedPreviewerLink.stories.svelte +11 -14
- package/dist/components/EmbedPreviewerLink/EmbedPreviewerLink.stories.svelte.d.ts +15 -17
- package/dist/components/EndNotes/EndNotes.stories.svelte +18 -21
- package/dist/components/EndNotes/EndNotes.stories.svelte.d.ts +15 -17
- package/dist/components/EndNotes/EndNotes.svelte +2 -1
- package/dist/components/EndNotes/EndNotes.svelte.d.ts +1 -1
- package/dist/components/FeaturePhoto/FeaturePhoto.stories.svelte +28 -37
- package/dist/components/FeaturePhoto/FeaturePhoto.stories.svelte.d.ts +25 -17
- package/dist/components/FeaturePhoto/FeaturePhoto.svelte +1 -1
- package/dist/components/FeaturePhoto/FeaturePhoto.svelte.d.ts +1 -1
- package/dist/components/FeaturePhoto/stories/docs/archieML.md +37 -0
- package/dist/components/Framer/Framer.stories.svelte +11 -14
- package/dist/components/Framer/Framer.stories.svelte.d.ts +15 -17
- package/dist/components/Framer/Typeahead/index.svelte +13 -0
- package/dist/components/GraphicBlock/GraphicBlock.stories.svelte +26 -37
- package/dist/components/GraphicBlock/GraphicBlock.stories.svelte.d.ts +25 -17
- package/dist/components/GraphicBlock/GraphicBlock.svelte +1 -1
- package/dist/components/GraphicBlock/GraphicBlock.svelte.d.ts +1 -1
- package/dist/components/GraphicBlock/stories/docs/{quickit.md → archieML.md} +15 -10
- package/dist/components/Headline/Headline.stories.svelte +29 -38
- package/dist/components/Headline/Headline.stories.svelte.d.ts +25 -17
- package/dist/components/Headline/Headline.svelte +1 -1
- package/dist/components/Headline/Headline.svelte.d.ts +1 -1
- package/dist/components/HeroHeadline/Hero.stories.svelte +38 -51
- package/dist/components/HeroHeadline/Hero.stories.svelte.d.ts +34 -17
- package/dist/components/HeroHeadline/Hero.svelte +3 -1
- package/dist/components/HeroHeadline/Hero.svelte.d.ts +1 -1
- package/dist/components/InfoBox/InfoBox.stories.svelte +21 -22
- package/dist/components/InfoBox/InfoBox.stories.svelte.d.ts +25 -17
- package/dist/components/InfoBox/InfoBox.svelte +1 -1
- package/dist/components/InfoBox/InfoBox.svelte.d.ts +1 -1
- package/dist/components/Markdown/Markdown.stories.svelte +11 -14
- package/dist/components/Markdown/Markdown.stories.svelte.d.ts +15 -17
- package/dist/components/Markdown/Markdown.svelte +1 -1
- package/dist/components/Markdown/Markdown.svelte.d.ts +1 -1
- package/dist/components/PaddingReset/PaddingReset.stories.svelte +11 -14
- package/dist/components/PaddingReset/PaddingReset.stories.svelte.d.ts +15 -17
- package/dist/components/PaddingReset/PaddingReset.svelte +1 -0
- package/dist/components/PaddingReset/PaddingReset.svelte.d.ts +1 -0
- package/dist/components/PhotoCarousel/PhotoCarousel.stories.svelte +18 -26
- package/dist/components/PhotoCarousel/PhotoCarousel.stories.svelte.d.ts +21 -17
- package/dist/components/PhotoCarousel/PhotoCarousel.svelte +1 -1
- package/dist/components/PhotoCarousel/PhotoCarousel.svelte.d.ts +1 -1
- package/dist/components/PhotoPack/PhotoPack.stories.svelte +52 -58
- package/dist/components/PhotoPack/PhotoPack.stories.svelte.d.ts +25 -17
- package/dist/components/PhotoPack/PhotoPack.svelte +2 -1
- package/dist/components/PhotoPack/PhotoPack.svelte.d.ts +1 -1
- package/dist/components/PhotoPack/stories/docs/archieML.md +63 -0
- package/dist/components/PymChild/PymChild.stories.svelte +11 -14
- package/dist/components/PymChild/PymChild.stories.svelte.d.ts +15 -17
- package/dist/components/PymChild/PymChild.svelte +1 -1
- package/dist/components/PymChild/PymChild.svelte.d.ts +1 -1
- package/dist/components/ReferralBlock/ReferralBlock.stories.svelte +33 -41
- package/dist/components/ReferralBlock/ReferralBlock.stories.svelte.d.ts +29 -17
- package/dist/components/ReferralBlock/ReferralBlock.svelte +77 -55
- package/dist/components/ReferralBlock/ReferralBlock.svelte.d.ts +1 -1
- package/dist/components/ReferralBlock/filterCurrentPage.d.ts +2 -0
- package/dist/components/ReferralBlock/filterCurrentPage.js +32 -0
- package/dist/components/ReferralBlock/types.d.ts +99 -0
- package/dist/components/ReferralBlock/types.js +1 -0
- package/dist/components/ReutersGraphicsLogo/ReutersGraphicsLogo.stories.svelte +11 -14
- package/dist/components/ReutersGraphicsLogo/ReutersGraphicsLogo.stories.svelte.d.ts +15 -17
- package/dist/components/ReutersGraphicsLogo/ReutersGraphicsLogo.svelte +193 -45
- package/dist/components/ReutersGraphicsLogo/ReutersGraphicsLogo.svelte.d.ts +2 -3
- package/dist/components/ReutersGraphicsLogo/stories/docs/component.md +2 -2
- package/dist/components/ReutersLogo/ReutersLogo.stories.svelte +15 -18
- package/dist/components/ReutersLogo/ReutersLogo.stories.svelte.d.ts +23 -17
- package/dist/components/ReutersLogo/ReutersLogo.svelte +3 -3
- package/dist/components/ReutersLogo/ReutersLogo.svelte.d.ts +1 -1
- package/dist/components/ReutersLogo/stories/docs/component.md +1 -1
- package/dist/components/SEO/SEO.stories.svelte +17 -21
- package/dist/components/SEO/SEO.stories.svelte.d.ts +16 -17
- package/dist/components/SEO/SEO.svelte +1 -1
- package/dist/components/SEO/SEO.svelte.d.ts +1 -1
- package/dist/components/SEO/stories/docs/archieML.md +36 -0
- package/dist/components/Scroller/Scroller.stories.svelte +48 -60
- package/dist/components/Scroller/Scroller.stories.svelte.d.ts +32 -17
- package/dist/components/Scroller/Scroller.svelte +1 -1
- package/dist/components/Scroller/Scroller.svelte.d.ts +1 -1
- package/dist/components/Scroller/stories/docs/ai2svelte.md +1 -1
- package/dist/components/Scroller/stories/docs/archieML.md +87 -0
- package/dist/components/SearchInput/SearchInput.stories.svelte +11 -14
- package/dist/components/SearchInput/SearchInput.stories.svelte.d.ts +15 -17
- package/dist/components/SearchInput/SearchInput.svelte +1 -1
- package/dist/components/SearchInput/SearchInput.svelte.d.ts +1 -1
- package/dist/components/SimpleTimeline/SimpleTimeline.stories.svelte +15 -22
- package/dist/components/SimpleTimeline/SimpleTimeline.stories.svelte.d.ts +23 -17
- package/dist/components/SimpleTimeline/SimpleTimeline.svelte +1 -1
- package/dist/components/SimpleTimeline/SimpleTimeline.svelte.d.ts +1 -1
- package/dist/components/SiteFooter/SiteFooter.stories.svelte +16 -47
- package/dist/components/SiteFooter/SiteFooter.stories.svelte.d.ts +15 -17
- package/dist/components/SiteFooter/SiteFooter.svelte +10 -4
- package/dist/components/SiteFooter/SiteFooter.svelte.d.ts +1 -9
- package/dist/components/SiteFooter/svgs/Twitter.svelte +6 -4
- package/dist/components/SiteHeader/SiteHeader.stories.svelte +18 -21
- package/dist/components/SiteHeader/SiteHeader.stories.svelte.d.ts +22 -17
- package/dist/components/SiteHeader/SiteHeader.svelte +1 -1
- package/dist/components/SiteHeader/SiteHeader.svelte.d.ts +1 -1
- package/dist/components/SiteHeadline/SiteHeadline.stories.svelte +3 -3
- package/dist/components/SiteHeadline/SiteHeadline.svelte +1 -0
- package/dist/components/SiteHeadline/SiteHeadline.svelte.d.ts +1 -0
- package/dist/components/SiteHeadline/stories/docs/archieML.md +26 -0
- package/dist/components/Spinner/Spinner.stories.svelte +20 -23
- package/dist/components/Spinner/Spinner.stories.svelte.d.ts +52 -17
- package/dist/components/Spinner/Spinner.svelte +1 -1
- package/dist/components/Spinner/Spinner.svelte.d.ts +1 -1
- package/dist/components/Table/Select.svelte +1 -8
- package/dist/components/Table/Table.stories.svelte +30 -44
- package/dist/components/Table/Table.stories.svelte.d.ts +21 -17
- package/dist/components/Table/Table.svelte +5 -1
- package/dist/components/Table/Table.svelte.d.ts +1 -1
- package/dist/components/Theme/Theme.stories.svelte +9 -7
- package/dist/components/Theme/Theme.stories.svelte.d.ts +16 -0
- package/dist/components/Theme/Theme.svelte +1 -1
- package/dist/components/Theme/Theme.svelte.d.ts +1 -1
- package/dist/components/ToolsHeader/ToolsHeader.stories.svelte +11 -14
- package/dist/components/ToolsHeader/ToolsHeader.stories.svelte.d.ts +15 -17
- package/dist/components/ToolsHeader/ToolsHeader.svelte +1 -1
- package/dist/components/ToolsHeader/ToolsHeader.svelte.d.ts +2 -3
- package/dist/components/Video/Video.stories.svelte +16 -23
- package/dist/components/Video/Video.stories.svelte.d.ts +15 -17
- package/dist/components/Video/Video.svelte +1 -1
- package/dist/components/Video/Video.svelte.d.ts +1 -1
- package/dist/components/Visible/Visible.stories.svelte +12 -16
- package/dist/components/Visible/Visible.stories.svelte.d.ts +15 -17
- package/dist/components/Visible/Visible.svelte +1 -1
- package/dist/components/Visible/Visible.svelte.d.ts +1 -1
- package/dist/docs/actions/intro.mdx +0 -2
- package/dist/docs/contributing/component-guidelines.mdx +0 -2
- package/dist/docs/contributing/quickstart.mdx +2 -4
- package/dist/docs/contributing/story-recipes/basic-story.mdx +0 -2
- package/dist/docs/contributing/story-recipes/story-with-custom-controls.mdx +0 -2
- package/dist/docs/contributing/story-recipes/story-with-custom-docs.mdx +0 -2
- package/dist/docs/contributing/story-recipes/story-with-media.mdx +0 -2
- package/dist/docs/contributing/writing-component-stories.mdx +0 -2
- package/dist/docs/contributing/writing-docs-stories.mdx +0 -4
- package/dist/docs/docs-components/CopyColourTable/ImportSnippet.d.ts +2 -1
- package/dist/docs/docs-components/CopyColourTable/ImportSnippet.jsx +4 -4
- package/dist/docs/docs-components/CopyColourTable/Table.d.ts +2 -1
- package/dist/docs/docs-components/CopyColourTable/styles.module.scss +4 -0
- package/dist/docs/docs-components/CopyTable/Table.d.ts +2 -1
- package/dist/docs/docs-components/Herbie/Herbie.d.ts +7 -0
- package/dist/docs/docs-components/Herbie/Herbie.tsx +47 -0
- package/dist/docs/docs-components/Highlight/Highlight.d.ts +6 -0
- package/dist/docs/docs-components/Highlight/Highlight.tsx +19 -0
- package/dist/docs/docs-components/MdxTheme/Theme.d.ts +2 -1
- package/dist/docs/docs-components/Mermaid/Mermaid.d.ts +2 -1
- package/dist/docs/docs-components/SubtleHighlight/SubtleHighlight.d.ts +6 -0
- package/dist/docs/docs-components/SubtleHighlight/SubtleHighlight.tsx +16 -0
- package/dist/docs/docs-components/ThemeBuilder/CSSVariables/VariableTable.d.ts +2 -1
- package/dist/docs/docs-components/ThemeBuilder/Customiser/ColourPicker.d.ts +2 -1
- package/dist/docs/docs-components/ThemeBuilder/Customiser/Customiser.d.ts +2 -1
- package/dist/docs/docs-components/ThemeBuilder/Customiser/Key.d.ts +2 -1
- package/dist/docs/docs-components/ThemeBuilder/Customiser/Value.d.ts +2 -1
- package/dist/docs/docs-components/ThemeBuilder/NewTheme/NewTheme.d.ts +2 -1
- package/dist/docs/docs-components/ThemeBuilder/NewTheme/NewTheme.jsx +3 -3
- package/dist/docs/docs-components/ThemeBuilder/NewTheme/styles.module.scss +8 -0
- package/dist/docs/docs-components/ThemeBuilder/ThemeBuilder.d.ts +2 -1
- package/dist/docs/docs-components/ThemeBuilder/ThemeSwitch/Switch.d.ts +2 -1
- package/dist/docs/docs-components/syntax/nord.d.ts +7 -0
- package/dist/docs/docs-components/syntax/nord.js +155 -0
- package/dist/docs/guides/archieml.mdx +441 -0
- package/dist/docs/guides/customising-with-scss.mdx +10 -9
- package/dist/docs/guides/getting-help.mdx +3 -5
- package/dist/docs/guides/graphics-kit.mdx +8 -30
- package/dist/docs/guides/imgs/intro.png +0 -0
- package/dist/docs/guides/imgs/more-stories.png +0 -0
- package/dist/docs/guides/svelte-components.mdx +138 -0
- package/dist/docs/guides/using-docs.mdx +12 -12
- package/dist/docs/intro.mdx +1 -3
- package/dist/docs/layout/intro.mdx +1 -3
- package/dist/docs/styles/colours/intro.mdx +1 -3
- package/dist/docs/styles/colours/primary.mdx +0 -2
- package/dist/docs/styles/colours/thematic.mdx +0 -2
- package/dist/docs/styles/intro.mdx +0 -2
- package/dist/docs/styles/tokens/accessibility/main.mdx +1 -3
- package/dist/docs/styles/tokens/backgrounds/main.mdx +1 -3
- package/dist/docs/styles/tokens/borders/main.mdx +0 -2
- package/dist/docs/styles/tokens/flexbox/main.mdx +0 -2
- package/dist/docs/styles/tokens/interactivity/_main.mdx +0 -2
- package/dist/docs/styles/tokens/intro.mdx +6 -10
- package/dist/docs/styles/tokens/layout/main.mdx +0 -2
- package/dist/docs/styles/tokens/sizing/main.mdx +0 -2
- package/dist/docs/styles/tokens/spacers/main.mdx +2 -4
- package/dist/docs/styles/tokens/typography/main.mdx +7 -9
- package/dist/docs/styles/tokens/variables/main.mdx +0 -2
- package/dist/docs/theme-builder/theme-builder.mdx +1 -3
- package/dist/docs/theming/css-variables.mdx +1 -3
- package/dist/index.d.ts +0 -3
- package/dist/index.js +0 -5
- package/dist/scss/reset/_main.scss +2 -2
- package/package.json +29 -22
- package/dist/components/EndNotes/docProps.d.ts +0 -10
- package/dist/components/EndNotes/docProps.js +0 -8
- package/dist/components/FeaturePhoto/stories/docs/quickit.md +0 -38
- package/dist/components/PhotoPack/docProps.d.ts +0 -38
- package/dist/components/PhotoPack/docProps.js +0 -26
- package/dist/components/PhotoPack/stories/docs/quickit.md +0 -67
- package/dist/components/SEO/stories/docs/quickit.md +0 -29
- package/dist/components/Scroller/docProps.d.ts +0 -36
- package/dist/components/Scroller/docProps.js +0 -16
- package/dist/components/Scroller/stories/docs/quickit.md +0 -60
- package/dist/components/SiteFooter/Referrals/IntersectionObserver.svelte +0 -45
- package/dist/components/SiteFooter/Referrals/IntersectionObserver.svelte.d.ts +0 -41
- package/dist/components/SiteFooter/Referrals/Link.svelte +0 -80
- package/dist/components/SiteFooter/Referrals/Link.svelte.d.ts +0 -31
- package/dist/components/SiteFooter/Referrals/Referrals.svelte +0 -56
- package/dist/components/SiteFooter/Referrals/Referrals.svelte.d.ts +0 -25
- package/dist/components/SiteFooter/Referrals/index.svelte +0 -49
- package/dist/components/SiteFooter/Referrals/index.svelte.d.ts +0 -25
- package/dist/components/SiteFooter/stories/docs/customReferrals.md +0 -26
- package/dist/components/SiteHeadline/stories/docs/quickit.md +0 -30
- package/dist/docs/guides/google-docs.mdx +0 -74
- package/dist/docs/guides/imgs/copy-code.png +0 -0
|
@@ -1,55 +1,203 @@
|
|
|
1
|
-
<!-- @component `ReutersGraphicsLogo` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-
|
|
2
|
-
<script>export let logoColour = "#
|
|
3
|
-
export let
|
|
4
|
-
export let secondaryTextColour = "#666666";
|
|
1
|
+
<!-- @component `ReutersGraphicsLogo` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-logos-reutersgraphicslogo--docs) -->
|
|
2
|
+
<script>export let logoColour = "#D64000";
|
|
3
|
+
export let textColour = "#212223";
|
|
5
4
|
export let width = "100%";
|
|
6
5
|
</script>
|
|
7
6
|
|
|
8
7
|
<svg
|
|
8
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
9
|
+
viewBox="0 0 1608.56 474.84"
|
|
9
10
|
aria-hidden="true"
|
|
10
11
|
focusable="false"
|
|
11
|
-
|
|
12
|
-
style="width: {width};"
|
|
12
|
+
style="width: {width}; --logoColour: {logoColour}; --textColour: {textColour};"
|
|
13
13
|
>
|
|
14
|
-
<
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
14
|
+
<g id="Layer_1-2" data-name="Layer 1">
|
|
15
|
+
<g>
|
|
16
|
+
<path
|
|
17
|
+
class="logo-kinesis"
|
|
18
|
+
d="M410.49,63.73c6.04,6.05,9.39,14.13,9.39,22.68s-3.32,16.64-9.39,22.68c-12.49,12.5-32.83,12.5-45.32,0-6.04-6.05-9.39-14.1-9.39-22.68s3.32-16.64,9.39-22.68c6.26-6.27,14.46-9.4,22.66-9.4s16.43,3.13,22.66,9.4Z"
|
|
19
|
+
></path>
|
|
20
|
+
<path
|
|
21
|
+
class="logo-kinesis"
|
|
22
|
+
d="M63.85,411.02c-12.49-12.5-12.49-32.86,0-45.37,6.04-6.05,14.08-9.4,22.66-9.4s16.62,3.32,22.66,9.4c12.49,12.5,12.49,32.87,0,45.37-6.07,6.08-14.11,9.4-22.66,9.4s-16.62-3.32-22.66-9.4Z"
|
|
23
|
+
></path>
|
|
24
|
+
<path
|
|
25
|
+
class="logo-kinesis"
|
|
26
|
+
d="M308.11,66.23l-.22-.09c-6.82-2.88-12.14-8.24-14.96-15.1-2.88-6.92-2.88-14.54,0-21.49,2.88-6.92,8.26-12.31,15.18-15.2,3.47-1.44,7.11-2.16,10.74-2.16s7.29.72,10.73,2.16c14.3,5.92,21.09,22.37,15.18,36.69-5.92,14.32-22.34,21.12-36.65,15.2Z"
|
|
27
|
+
></path>
|
|
28
|
+
<path
|
|
29
|
+
class="logo-kinesis"
|
|
30
|
+
d="M155.61,406.45c3.63,0,7.26.72,10.7,2.13,14.3,5.92,21.09,22.37,15.18,36.69-2.88,6.93-8.26,12.34-15.18,15.2-6.92,2.88-14.52,2.88-21.47,0-14.3-5.92-21.09-22.37-15.18-36.69,2.88-6.92,8.26-12.34,15.18-15.2,3.47-1.44,7.1-2.16,10.73-2.16l.03.03Z"
|
|
31
|
+
></path>
|
|
32
|
+
<path
|
|
33
|
+
class="logo-kinesis"
|
|
34
|
+
d="M261.2,24.06c0,12.91-10.2,23.47-22.94,24.06h-1.09c-13.27,0-24.04-10.81-24.04-24.06S223.93,0,237.17,0s24.04,10.84,24.04,24.09v-.03Z"
|
|
35
|
+
></path>
|
|
36
|
+
<path
|
|
37
|
+
class="logo-kinesis"
|
|
38
|
+
d="M213.1,450.78c0-13.29,10.8-24.06,24.03-24.06s24.04,10.81,24.04,24.06-10.8,24.06-24.04,24.06-24.03-10.81-24.03-24.06Z"
|
|
39
|
+
></path>
|
|
40
|
+
<path
|
|
41
|
+
class="logo-kinesis"
|
|
42
|
+
d="M163.34,58.84c-4.94,2.04-10.36,2.04-15.34,0-4.98-2.07-8.83-5.92-10.86-10.87-4.22-10.24.63-21.99,10.86-26.22,2.5-1.03,5.07-1.54,7.64-1.54,7.89,0,15.34,4.7,18.56,12.41,2.03,4.98,2.03,10.43,0,15.35-2.03,4.98-5.88,8.84-10.86,10.87Z"
|
|
43
|
+
></path>
|
|
44
|
+
<path
|
|
45
|
+
class="logo-kinesis"
|
|
46
|
+
d="M310.97,416c2.5-1.04,5.1-1.57,7.7-1.57s5.2.53,7.67,1.53c4.98,2.07,8.83,5.92,10.86,10.87,2.04,4.98,2.04,10.43,0,15.35-2.03,4.98-5.88,8.83-10.86,10.87-4.97,2.04-10.39,2.04-15.36,0-4.98-2.04-8.83-5.89-10.86-10.87-2.03-4.98-2.03-10.4,0-15.35,2.04-4.95,5.89-8.8,10.86-10.84Z"
|
|
47
|
+
></path>
|
|
48
|
+
<path
|
|
49
|
+
class="logo-kinesis"
|
|
50
|
+
d="M97.8,75.29c6.17,6.17,6.26,16.1.31,22.4l-.34.34c-6.26,6.27-16.46,6.27-22.72,0-6.26-6.27-6.26-16.48,0-22.75,3.13-3.13,7.23-4.7,11.36-4.7s8.23,1.57,11.36,4.7h.03Z"
|
|
51
|
+
></path>
|
|
52
|
+
<path
|
|
53
|
+
class="logo-kinesis"
|
|
54
|
+
d="M376.34,376.9c3.1-3.13,7.23-4.7,11.33-4.7s8.23,1.57,11.36,4.7c3.04,3.01,4.69,7.05,4.69,11.34s-1.66,8.33-4.69,11.37c-6.26,6.3-16.43,6.27-22.72,0-3.04-3.04-4.69-7.11-4.69-11.37s1.66-8.3,4.69-11.34h.03Z"
|
|
55
|
+
></path>
|
|
56
|
+
<path
|
|
57
|
+
class="logo-kinesis"
|
|
58
|
+
d="M32.61,174.29c-10.23-4.23-15.08-16.01-10.86-26.22,2.03-4.98,5.88-8.84,10.86-10.87,2.5-1,5.1-1.54,7.7-1.54s5.2.5,7.67,1.54c10.23,4.23,15.09,16.01,10.86,26.22-2.03,4.98-5.88,8.84-10.86,10.87-4.98,2.04-10.42,2.04-15.34,0h-.03Z"
|
|
59
|
+
></path>
|
|
60
|
+
<path
|
|
61
|
+
class="logo-kinesis"
|
|
62
|
+
d="M441.79,300.61c4.97,2.04,8.82,5.89,10.86,10.87,2.03,4.98,2.03,10.4,0,15.35-4.23,10.21-15.96,15.1-26.2,10.84-4.98-2.04-8.82-5.89-10.86-10.87-2.03-4.98-2.03-10.4,0-15.35,3.19-7.71,10.67-12.38,18.56-12.38,2.54,0,5.13.5,7.64,1.54Z"
|
|
63
|
+
></path>
|
|
64
|
+
<path
|
|
65
|
+
class="logo-kinesis"
|
|
66
|
+
d="M0,237.54c0-13.28,10.8-24.06,24.04-24.06s24.04,10.81,24.04,24.06-10.8,24.06-24.04,24.06S0,250.8,0,237.54Z"
|
|
67
|
+
></path>
|
|
68
|
+
<path
|
|
69
|
+
class="logo-kinesis"
|
|
70
|
+
d="M426.26,237.54c0-13.28,10.8-24.06,24.04-24.06s24.04,10.81,24.04,24.06-10.8,24.06-24.04,24.06-24.04-10.81-24.04-24.06Z"
|
|
71
|
+
></path>
|
|
72
|
+
<path
|
|
73
|
+
class="logo-kinesis"
|
|
74
|
+
d="M14.24,329.81c-5.92-14.32.88-30.73,15.18-36.69,6.92-2.88,14.52-2.88,21.47,0,6.92,2.88,12.3,8.27,15.18,15.2,2.88,6.93,2.88,14.54,0,21.49-2.88,6.92-8.26,12.31-15.18,15.2-6.92,2.88-14.52,2.88-21.47,0-6.92-2.88-12.3-8.27-15.18-15.2Z"
|
|
75
|
+
></path>
|
|
76
|
+
<path
|
|
77
|
+
class="logo-kinesis"
|
|
78
|
+
d="M408.04,166.49c-2.85-6.92-2.85-14.54,0-21.46,2.88-6.92,8.26-12.31,15.18-15.2,3.47-1.47,7.1-2.16,10.67-2.16,11.02,0,21.47,6.52,25.95,17.33,5.92,14.32-.88,30.73-15.18,36.69-6.92,2.88-14.52,2.88-21.47,0-6.92-2.88-12.3-8.27-15.18-15.2h.03Z"
|
|
79
|
+
></path>
|
|
80
|
+
<path
|
|
81
|
+
class="logo-kinesis"
|
|
82
|
+
d="M305.36,305.69c-8.79,8.77-8.79,23.09,0,31.86,8.79,8.8,23.07,8.8,31.86,0,4.26-4.26,6.6-9.9,6.6-15.92s-2.35-11.69-6.6-15.91c-4.38-4.39-10.14-6.58-15.9-6.58s-11.58,2.19-15.96,6.55h0Z"
|
|
83
|
+
></path>
|
|
84
|
+
<path
|
|
85
|
+
class="logo-kinesis"
|
|
86
|
+
d="M117.55,223.79c-9.51-2.54-15.15-12.34-12.61-21.87,1.25-4.61,4.19-8.46,8.33-10.84,2.72-1.6,5.79-2.41,8.86-2.41,1.53,0,3.1.19,4.63.6,4.6,1.25,8.45,4.2,10.83,8.33,2.38,4.14,3,8.96,1.78,13.57-2.53,9.52-12.33,15.2-21.85,12.63h.03Z"
|
|
87
|
+
></path>
|
|
88
|
+
<path
|
|
89
|
+
class="logo-kinesis"
|
|
90
|
+
d="M347.49,285.48c-4.6-1.25-8.45-4.2-10.83-8.33-2.38-4.14-3-8.96-1.78-13.57,1.25-4.61,4.19-8.46,8.32-10.84,2.75-1.6,5.82-2.41,8.89-2.41,1.28,0,2.56.13,3.82.41l.85.22c9.51,2.54,15.15,12.38,12.61,21.87-1.25,4.61-4.19,8.46-8.32,10.84-4.13,2.38-8.95,3.04-13.55,1.79v.03Z"
|
|
91
|
+
></path>
|
|
92
|
+
<path
|
|
93
|
+
class="logo-kinesis"
|
|
94
|
+
d="M108.41,271.95c-1.97-7.36,2.16-14.91,9.3-17.3l.81-.22c7.61-2.07,15.46,2.51,17.49,10.12,1,3.7.5,7.55-1.44,10.87-1.91,3.29-5.01,5.67-8.67,6.67-3.69,1-7.51.5-10.86-1.44-3.29-1.91-5.66-5.01-6.67-8.68l.03-.03Z"
|
|
95
|
+
></path>
|
|
96
|
+
<path
|
|
97
|
+
class="logo-kinesis"
|
|
98
|
+
d="M344.92,219.06l-.63-.38c-2.97-1.94-5.1-4.86-6.01-8.3-2.03-7.64,2.47-15.48,10.11-17.55,7.57-2.04,15.46,2.51,17.49,10.12,2.03,7.61-2.47,15.48-10.11,17.51-3.69,1-7.51.47-10.86-1.44v.03Z"
|
|
99
|
+
></path>
|
|
100
|
+
<path
|
|
101
|
+
class="logo-kinesis"
|
|
102
|
+
d="M160.96,328.65l-.41.41c-4.19,4.2-11.02,4.2-15.21,0-4.19-4.2-4.19-10.99,0-15.2,4.19-4.2,11.02-4.2,15.21,0,2.03,2.04,3.16,4.73,3.16,7.61,0,2.69-.97,5.2-2.75,7.18Z"
|
|
103
|
+
></path>
|
|
104
|
+
<path
|
|
105
|
+
class="logo-kinesis"
|
|
106
|
+
d="M328.84,145.53c2.03,2.04,3.16,4.73,3.16,7.61s-1.13,5.58-3.16,7.61c-4.19,4.2-11.02,4.2-15.21,0-2.03-2.07-3.16-4.73-3.16-7.61s1.13-5.58,3.16-7.61c2.07-2.04,4.73-3.16,7.61-3.16s5.57,1.1,7.61,3.13v.03Z"
|
|
107
|
+
></path>
|
|
108
|
+
<path
|
|
109
|
+
class="logo-kinesis"
|
|
110
|
+
d="M218.7,345.32c1.91,3.29,2.41,7.18,1.44,10.87-1,3.7-3.35,6.77-6.67,8.68-3.32,1.91-7.17,2.41-10.86,1.44-7.61-2.04-12.14-9.9-10.11-17.51,1-3.7,3.35-6.77,6.67-8.68,3.29-1.91,7.14-2.41,10.86-1.44,3.69,1,6.76,3.35,8.67,6.67v-.03Z"
|
|
111
|
+
></path>
|
|
112
|
+
<path
|
|
113
|
+
class="logo-kinesis"
|
|
114
|
+
d="M255.51,129.58c-1.91-3.29-2.41-7.17-1.44-10.87,1-3.7,3.35-6.77,6.67-8.68,2.19-1.25,4.63-1.91,7.1-1.91,1.25,0,2.47.16,3.72.47,3.69,1,6.76,3.35,8.67,6.67,1.91,3.29,2.41,7.17,1.44,10.87-2.03,7.61-9.89,12.16-17.49,10.12-3.69-1-6.76-3.35-8.67-6.67Z"
|
|
115
|
+
></path>
|
|
116
|
+
<path
|
|
117
|
+
class="logo-kinesis"
|
|
118
|
+
d="M276.98,337.08l.75.44c3.73,2.41,6.38,6.08,7.54,10.37,2.54,9.52-3.1,19.33-12.61,21.87-4.63,1.26-9.42.6-13.55-1.78-4.13-2.38-7.07-6.24-8.32-10.84-1.25-4.61-.6-9.43,1.78-13.57,2.38-4.13,6.23-7.08,10.83-8.33,1.57-.41,3.13-.59,4.67-.59,3.1,0,6.13.81,8.89,2.41l.03.03Z"
|
|
119
|
+
></path>
|
|
120
|
+
<path
|
|
121
|
+
class="logo-kinesis"
|
|
122
|
+
d="M210.97,139.64c-9.48,2.54-19.28-3.13-21.85-12.63-2.53-9.52,3.1-19.33,12.61-21.87,1.53-.41,3.07-.6,4.6-.6,7.89,0,15.12,5.26,17.24,13.22,2.53,9.52-3.1,19.33-12.61,21.87Z"
|
|
123
|
+
></path>
|
|
124
|
+
<path
|
|
125
|
+
class="logo-kinesis"
|
|
126
|
+
d="M153.01,175.51c12.41,0,22.47-10.07,22.47-22.49s-10.06-22.49-22.47-22.49-22.47,10.07-22.47,22.49,10.06,22.49,22.47,22.49Z"
|
|
127
|
+
></path>
|
|
128
|
+
</g>
|
|
129
|
+
<g>
|
|
130
|
+
<g>
|
|
131
|
+
<path
|
|
132
|
+
class="logo-text"
|
|
133
|
+
d="M536.58,47.31h89.16c48.17,0,80.4,28.11,80.4,72.02,0,27.83-14.7,50.07-37.53,60.9l43.15,83.46h-51.91l-36.92-72.66h-39.42v72.66h-46.93V47.31ZM583.51,85.94v66.46h38.49c22.22,0,36.28-12.98,36.28-33.07s-14.06-33.39-36.28-33.39h-38.49Z"
|
|
134
|
+
></path>
|
|
135
|
+
<path
|
|
136
|
+
class="logo-text"
|
|
137
|
+
d="M718.44,184.54c0-49.47,32.83-81.59,82.57-81.59s80.72,29.66,81.33,76.35c0,4.65-.32,9.89-1.25,14.85h-116.68v2.15c.93,22.55,15.63,36.17,37.85,36.17,17.84,0,30.34-7.74,34.11-22.55h43.48c-5.02,30.93-32.83,55.63-75.7,55.63-53.48,0-85.71-31.84-85.71-80.99ZM837.93,165.68c-3.13-19.46-16.59-30.29-36.6-30.29s-33.47,11.44-35.97,30.29h72.57Z"
|
|
138
|
+
></path>
|
|
139
|
+
<path
|
|
140
|
+
class="logo-text"
|
|
141
|
+
d="M1009.81,104.84h44.12v158.89h-39.1l-4.06-19.17c-10.32,12.35-24.39,21.01-47.25,21.01-33.15,0-63.81-16.39-63.81-72.66v-88.1h44.12v82.23c0,28.43,9.4,42.36,31.3,42.36s34.72-15.76,34.72-45.14v-79.45l-.03.03Z"
|
|
142
|
+
></path>
|
|
143
|
+
<path
|
|
144
|
+
class="logo-text"
|
|
145
|
+
d="M1080.01,60.42h44.12v44.51h36.6v36.8h-36.6v69.56c0,11.12,4.38,15.77,15.63,15.77h22.83v36.77h-36.6c-30.66,0-45.97-15.13-45.97-45.42V60.42Z"
|
|
146
|
+
></path>
|
|
147
|
+
<path
|
|
148
|
+
class="logo-text"
|
|
149
|
+
d="M1169.86,184.54c0-49.47,32.83-81.59,82.57-81.59s80.72,29.66,81.33,76.35c0,4.65-.32,9.89-1.25,14.85h-116.68v2.15c.93,22.55,15.63,36.17,37.85,36.17,17.84,0,30.34-7.74,34.11-22.55h43.47c-5.02,30.93-32.83,55.63-75.7,55.63-53.48,0-85.7-31.84-85.7-80.99ZM1289.36,165.68c-3.13-19.46-16.59-30.29-36.6-30.29s-33.47,11.44-35.96,30.29h72.57Z"
|
|
150
|
+
></path>
|
|
151
|
+
<path
|
|
152
|
+
class="logo-text"
|
|
153
|
+
d="M1451.32,104.8v39.58h-17.52c-26.28,0-36.28,17.31-36.28,41.41v77.9h-44.12V104.8h40.06l4.06,23.79c8.76-14.21,21.26-23.79,46.29-23.79h7.51Z"
|
|
154
|
+
></path>
|
|
155
|
+
<path
|
|
156
|
+
class="logo-text"
|
|
157
|
+
d="M1500.28,210.87c1.57,13.9,13.74,23.5,35.35,23.5,18.45,0,29.73-5.88,29.73-16.99,0-12.98-10.94-13.9-36.92-17.31-37.53-4.33-66.62-12.67-66.62-45.42s27.84-52.25,69.11-51.93c43.16,0,72.89,18.86,75.09,51.3h-42.23c-1.25-12.67-13.46-20.41-31.29-20.41s-28.45,6.19-28.45,16.4c0,12.07,13.78,13.3,36.92,16.08,36.92,3.69,67.58,12.07,67.58,47.92,0,31.52-30.02,51.62-73.21,51.62s-75.06-20.72-76.94-54.71h41.91l-.03-.03Z"
|
|
158
|
+
></path>
|
|
159
|
+
</g>
|
|
160
|
+
<g>
|
|
161
|
+
<path
|
|
162
|
+
class="logo-text"
|
|
163
|
+
d="M534.98,369.02c0-8.94,1.29-17.05,3.87-24.34,2.58-7.28,6.39-13.56,11.44-18.83,5.04-5.27,11.27-9.34,18.66-12.21,7.4-2.86,15.91-4.3,25.54-4.3,13.76,0,25.57,2.06,35.43,6.19l-2.24,12.56c-4.82-1.6-9.83-2.95-15.05-4.04-5.22-1.09-10.87-1.63-16.94-1.63-14.68,0-25.94,3.96-33.8,11.87-7.86,7.91-11.78,19.55-11.78,34.92s3.84,26.09,11.52,34.23c7.68,8.14,18.63,12.21,32.85,12.21,3.55,0,7.14-.2,10.75-.6,3.61-.4,6.79-.89,9.55-1.46v-38.87h14.45v48.16c-2.06.69-4.42,1.35-7.05,1.98-2.64.63-5.48,1.17-8.51,1.63-3.04.46-6.17.83-9.37,1.12-3.21.29-6.36.43-9.46.43-9.86,0-18.55-1.49-26.06-4.47-7.51-2.98-13.76-7.11-18.75-12.38-4.99-5.27-8.75-11.49-11.27-18.66-2.52-7.16-3.78-14.99-3.78-23.48Z"
|
|
164
|
+
></path>
|
|
165
|
+
<path
|
|
166
|
+
class="logo-text"
|
|
167
|
+
d="M755.82,345.29c0,7.91-2.32,14.79-6.97,20.64-4.64,5.85-11.04,9.86-19.18,12.04l32.34,47.99h-18.23l-29.93-46.61h-28.04v46.61h-15.14v-114.55h48.5c5.96,0,11.24.86,15.82,2.58,4.58,1.72,8.43,4.07,11.52,7.05,3.1,2.98,5.42,6.54,6.97,10.66,1.55,4.13,2.32,8.66,2.32,13.59ZM740.52,345.29c0-6.88-2.04-12.18-6.11-15.91-4.07-3.72-9.83-5.59-17.29-5.59h-31.3v43.34h31.3c7.34,0,13.07-1.98,17.2-5.93s6.19-9.26,6.19-15.91Z"
|
|
168
|
+
></path>
|
|
169
|
+
<path
|
|
170
|
+
class="logo-text"
|
|
171
|
+
d="M832.36,311.41h16.68l42.66,114.55h-15.31l-10.66-30.1h-50.05l-10.49,30.1h-15.31l42.48-114.55ZM820.15,383.13h41.28l-20.64-59.68-20.64,59.68Z"
|
|
172
|
+
></path>
|
|
173
|
+
<path
|
|
174
|
+
class="logo-text"
|
|
175
|
+
d="M925.07,311.41h46.1c5.85,0,11.03.92,15.57,2.75,4.53,1.84,8.34,4.3,11.44,7.4s5.44,6.74,7.05,10.92c1.6,4.19,2.41,8.69,2.41,13.5s-.8,9.15-2.41,13.33c-1.61,4.19-3.96,7.86-7.05,11.01-3.1,3.16-6.91,5.65-11.44,7.48-4.53,1.84-9.72,2.75-15.57,2.75h-30.96v45.41h-15.14v-114.55ZM969.44,368.16c7.22,0,12.84-1.98,16.86-5.93,4.01-3.96,6.02-9.37,6.02-16.25s-2.01-12.3-6.02-16.25c-4.02-3.96-9.63-5.93-16.86-5.93h-29.24v44.38h29.24Z"
|
|
176
|
+
></path>
|
|
177
|
+
<path
|
|
178
|
+
class="logo-text"
|
|
179
|
+
d="M1043.06,311.41h15.14v49.36h58.31v-49.36h15.14v114.55h-15.14v-51.77h-58.31v51.77h-15.14v-114.55Z"
|
|
180
|
+
></path>
|
|
181
|
+
<path class="logo-text" d="M1176.53,311.41h15.14v114.55h-15.14v-114.55Z"
|
|
182
|
+
></path>
|
|
183
|
+
<path
|
|
184
|
+
class="logo-text"
|
|
185
|
+
d="M1245.67,368.68c0,14.68,3.9,26.03,11.7,34.06,7.8,8.03,18.75,12.04,32.85,12.04,5.16,0,9.86-.46,14.1-1.38,4.24-.92,8.2-2.06,11.87-3.44l2.41,12.21c-3.33,1.61-7.74,2.98-13.24,4.13-5.5,1.14-11.47,1.72-17.89,1.72-8.83,0-16.74-1.41-23.74-4.21-7-2.81-12.96-6.79-17.89-11.95-4.93-5.16-8.72-11.38-11.35-18.66-2.64-7.28-3.96-15.45-3.96-24.51s1.32-17.23,3.96-24.51c2.64-7.28,6.42-13.5,11.35-18.66,4.93-5.16,10.89-9.14,17.89-11.95,6.99-2.81,14.91-4.21,23.74-4.21,6.42,0,12.38.58,17.89,1.72,5.5,1.15,9.92,2.52,13.24,4.13l-2.41,12.21c-3.67-1.38-7.63-2.52-11.87-3.44-4.24-.92-8.94-1.38-14.1-1.38-14.1,0-25.06,4.02-32.85,12.04-7.8,8.03-11.7,19.38-11.7,34.06Z"
|
|
186
|
+
></path>
|
|
187
|
+
<path
|
|
188
|
+
class="logo-text"
|
|
189
|
+
d="M1432.46,395.34c0,10.32-3.7,18.35-11.09,24.08-7.4,5.74-17.57,8.6-30.53,8.6-6.88,0-13.82-.8-20.81-2.41-7-1.6-13.48-3.61-19.44-6.02l3.44-12.21c5.62,2.3,11.61,4.21,17.97,5.76,6.36,1.55,12.64,2.32,18.83,2.32,8.14,0,14.65-1.49,19.52-4.47,4.87-2.98,7.31-7.68,7.31-14.1s-2.47-11.09-7.4-14.36c-4.93-3.27-12.38-6.16-22.36-8.69-12.62-3.1-22.05-7.16-28.29-12.21-6.25-5.04-9.37-12.04-9.37-20.98,0-10.89,3.64-18.83,10.92-23.82,7.28-4.99,17.4-7.48,30.36-7.48,7.34,0,13.99.66,19.95,1.98,5.96,1.32,11.58,3.18,16.86,5.59l-2.92,12.21c-4.82-2.06-10.12-3.81-15.91-5.25-5.79-1.43-11.73-2.15-17.8-2.15-8.49,0-15.05,1.32-19.69,3.96-4.64,2.64-6.97,7.34-6.97,14.1,0,3.21.57,5.88,1.72,8,1.15,2.12,2.89,3.93,5.25,5.42,2.35,1.49,5.33,2.84,8.94,4.04,3.61,1.2,7.88,2.49,12.81,3.87,5.16,1.49,10.09,3.13,14.79,4.9,4.7,1.78,8.83,3.96,12.38,6.54,3.55,2.58,6.36,5.71,8.43,9.37,2.06,3.67,3.1,8.14,3.1,13.42Z"
|
|
190
|
+
></path>
|
|
191
|
+
</g>
|
|
192
|
+
</g>
|
|
52
193
|
</g>
|
|
53
194
|
</svg>
|
|
54
195
|
|
|
55
|
-
<style
|
|
196
|
+
<style>
|
|
197
|
+
.logo-kinesis {
|
|
198
|
+
fill: var(--logoColour);
|
|
199
|
+
}
|
|
200
|
+
.logo-text {
|
|
201
|
+
fill: var(--textColour);
|
|
202
|
+
}
|
|
203
|
+
</style>
|
|
@@ -2,8 +2,7 @@ import { SvelteComponent } from "svelte";
|
|
|
2
2
|
declare const __propDef: {
|
|
3
3
|
props: {
|
|
4
4
|
/** "Kinesis" colour */ logoColour?: string;
|
|
5
|
-
/**
|
|
6
|
-
/** Secondary text colour, i.e., "Graphics" */ secondaryTextColour?: string;
|
|
5
|
+
/** Text colour */ textColour?: string;
|
|
7
6
|
/** CSS width value */ width?: string;
|
|
8
7
|
};
|
|
9
8
|
events: {
|
|
@@ -16,7 +15,7 @@ declare const __propDef: {
|
|
|
16
15
|
export type ReutersGraphicsLogoProps = typeof __propDef.props;
|
|
17
16
|
export type ReutersGraphicsLogoEvents = typeof __propDef.events;
|
|
18
17
|
export type ReutersGraphicsLogoSlots = typeof __propDef.slots;
|
|
19
|
-
/** `ReutersGraphicsLogo` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-
|
|
18
|
+
/** `ReutersGraphicsLogo` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-logos-reutersgraphicslogo--docs) */
|
|
20
19
|
export default class ReutersGraphicsLogo extends SvelteComponent<ReutersGraphicsLogoProps, ReutersGraphicsLogoEvents, ReutersGraphicsLogoSlots> {
|
|
21
20
|
}
|
|
22
21
|
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
Reuters Graphics
|
|
1
|
+
Reuters Graphics team logo.
|
|
2
2
|
|
|
3
|
-
> Generally, only used for internal tools. For public pages, use the [ReutersLogo](./?path=/docs/components-reuterslogo--
|
|
3
|
+
> Generally, only used for internal tools. For public pages, use the [ReutersLogo](./?path=/docs/components-logos-reuterslogo--docs) component.
|
|
4
4
|
|
|
5
5
|
```svelte
|
|
6
6
|
<script>
|
|
@@ -1,23 +1,20 @@
|
|
|
1
|
-
<script>
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
argTypes: {
|
|
14
|
-
logoColour: { control: 'color' },
|
|
15
|
-
textColour: { control: 'color' },
|
|
16
|
-
},
|
|
17
|
-
};
|
|
1
|
+
<script context="module">import componentDocs from "./stories/docs/component.md?raw";
|
|
2
|
+
import ReutersLogo from "./ReutersLogo.svelte";
|
|
3
|
+
import { withComponentDocs } from "../../lib/docs/utils/withParams.js";
|
|
4
|
+
export const meta = {
|
|
5
|
+
title: "Components/Logos/ReutersLogo",
|
|
6
|
+
component: ReutersLogo,
|
|
7
|
+
...withComponentDocs(componentDocs),
|
|
8
|
+
argTypes: {
|
|
9
|
+
logoColour: { control: "color" },
|
|
10
|
+
textColour: { control: "color" }
|
|
11
|
+
}
|
|
12
|
+
};
|
|
18
13
|
</script>
|
|
19
14
|
|
|
20
|
-
<
|
|
15
|
+
<script>
|
|
16
|
+
import { Template, Story } from '@storybook/addon-svelte-csf';
|
|
17
|
+
</script>
|
|
21
18
|
|
|
22
19
|
<Template let:args>
|
|
23
20
|
<ReutersLogo {...args} />
|
|
@@ -1,25 +1,31 @@
|
|
|
1
|
-
/** @typedef {typeof __propDef.props} ReutersLogoProps */
|
|
2
|
-
/** @typedef {typeof __propDef.events} ReutersLogoEvents */
|
|
3
|
-
/** @typedef {typeof __propDef.slots} ReutersLogoSlots */
|
|
4
|
-
export default class ReutersLogo extends SvelteComponent<{
|
|
5
|
-
[x: string]: never;
|
|
6
|
-
}, {
|
|
7
|
-
[evt: string]: CustomEvent<any>;
|
|
8
|
-
}, {}> {
|
|
9
|
-
}
|
|
10
|
-
export type ReutersLogoProps = typeof __propDef.props;
|
|
11
|
-
export type ReutersLogoEvents = typeof __propDef.events;
|
|
12
|
-
export type ReutersLogoSlots = typeof __propDef.slots;
|
|
13
1
|
import { SvelteComponent } from "svelte";
|
|
14
|
-
declare const
|
|
15
|
-
|
|
16
|
-
|
|
2
|
+
export declare const meta: {
|
|
3
|
+
argTypes: {
|
|
4
|
+
logoColour: {
|
|
5
|
+
control: string;
|
|
6
|
+
};
|
|
7
|
+
textColour: {
|
|
8
|
+
control: string;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
parameters: {
|
|
12
|
+
docs: any;
|
|
17
13
|
};
|
|
14
|
+
title: string;
|
|
15
|
+
component: typeof ReutersLogo;
|
|
16
|
+
};
|
|
17
|
+
declare const __propDef: {
|
|
18
|
+
props: Record<string, never>;
|
|
18
19
|
events: {
|
|
19
20
|
[evt: string]: CustomEvent<any>;
|
|
20
21
|
};
|
|
21
22
|
slots: {};
|
|
22
|
-
exports?: undefined;
|
|
23
|
-
bindings?: undefined;
|
|
23
|
+
exports?: {} | undefined;
|
|
24
|
+
bindings?: string | undefined;
|
|
24
25
|
};
|
|
26
|
+
export type ReutersLogoProps = typeof __propDef.props;
|
|
27
|
+
export type ReutersLogoEvents = typeof __propDef.events;
|
|
28
|
+
export type ReutersLogoSlots = typeof __propDef.slots;
|
|
29
|
+
export default class ReutersLogo extends SvelteComponent<ReutersLogoProps, ReutersLogoEvents, ReutersLogoSlots> {
|
|
30
|
+
}
|
|
25
31
|
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
<!-- @component `ReutersLogo` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-
|
|
2
|
-
<script>export let logoColour = "#
|
|
3
|
-
export let textColour = "#
|
|
1
|
+
<!-- @component `ReutersLogo` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-logos-reuterslogo--docs) -->
|
|
2
|
+
<script>export let logoColour = "#D64000";
|
|
3
|
+
export let textColour = "#212223";
|
|
4
4
|
export let width = "100%";
|
|
5
5
|
</script>
|
|
6
6
|
|
|
@@ -15,7 +15,7 @@ declare const __propDef: {
|
|
|
15
15
|
export type ReutersLogoProps = typeof __propDef.props;
|
|
16
16
|
export type ReutersLogoEvents = typeof __propDef.events;
|
|
17
17
|
export type ReutersLogoSlots = typeof __propDef.slots;
|
|
18
|
-
/** `ReutersLogo` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-
|
|
18
|
+
/** `ReutersLogo` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-logos-reuterslogo--docs) */
|
|
19
19
|
export default class ReutersLogo extends SvelteComponent<ReutersLogoProps, ReutersLogoEvents, ReutersLogoSlots> {
|
|
20
20
|
}
|
|
21
21
|
export {};
|
|
@@ -1,24 +1,20 @@
|
|
|
1
|
-
<script>
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
withStoryDocs,
|
|
14
|
-
} from '../../lib/docs/utils/withParams.js';
|
|
1
|
+
<script context="module">import componentDocs from "./stories/docs/component.md?raw";
|
|
2
|
+
import archieMLDocs from "./stories/docs/archieML.md?raw";
|
|
3
|
+
import SEO from "./SEO.svelte";
|
|
4
|
+
import {
|
|
5
|
+
withComponentDocs,
|
|
6
|
+
withStoryDocs
|
|
7
|
+
} from "../../lib/docs/utils/withParams.js";
|
|
8
|
+
export const meta = {
|
|
9
|
+
title: "Components/Ads & analytics/SEO",
|
|
10
|
+
component: SEO,
|
|
11
|
+
...withComponentDocs(componentDocs)
|
|
12
|
+
};
|
|
15
13
|
</script>
|
|
16
14
|
|
|
17
|
-
<
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
{...withComponentDocs(componentDocs)}
|
|
21
|
-
/>
|
|
15
|
+
<script>
|
|
16
|
+
import { Template, Story } from '@storybook/addon-svelte-csf';
|
|
17
|
+
</script>
|
|
22
18
|
|
|
23
19
|
<Template let:args>
|
|
24
20
|
<SEO {...args} />
|
|
@@ -35,11 +31,11 @@
|
|
|
35
31
|
/>
|
|
36
32
|
|
|
37
33
|
<Story
|
|
38
|
-
name="
|
|
34
|
+
name="ArchieML"
|
|
39
35
|
args="{{
|
|
40
36
|
baseUrl: 'https://graphics.reuters.com',
|
|
41
37
|
pageUrl: new URL('https://graphics.reuters.com/hello-world/'),
|
|
42
38
|
publishTime: new Date('2020-09-15').toISOString(),
|
|
43
39
|
}}"
|
|
44
|
-
{...withStoryDocs(
|
|
40
|
+
{...withStoryDocs(archieMLDocs)}
|
|
45
41
|
/>
|
|
@@ -1,25 +1,24 @@
|
|
|
1
|
-
/** @typedef {typeof __propDef.props} SeoProps */
|
|
2
|
-
/** @typedef {typeof __propDef.events} SeoEvents */
|
|
3
|
-
/** @typedef {typeof __propDef.slots} SeoSlots */
|
|
4
|
-
export default class Seo extends SvelteComponent<{
|
|
5
|
-
[x: string]: never;
|
|
6
|
-
}, {
|
|
7
|
-
[evt: string]: CustomEvent<any>;
|
|
8
|
-
}, {}> {
|
|
9
|
-
}
|
|
10
|
-
export type SeoProps = typeof __propDef.props;
|
|
11
|
-
export type SeoEvents = typeof __propDef.events;
|
|
12
|
-
export type SeoSlots = typeof __propDef.slots;
|
|
13
1
|
import { SvelteComponent } from "svelte";
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
2
|
+
import SEO from './SEO.svelte';
|
|
3
|
+
export declare const meta: {
|
|
4
|
+
parameters: {
|
|
5
|
+
docs: any;
|
|
17
6
|
};
|
|
7
|
+
title: string;
|
|
8
|
+
component: typeof SEO;
|
|
9
|
+
};
|
|
10
|
+
declare const __propDef: {
|
|
11
|
+
props: Record<string, never>;
|
|
18
12
|
events: {
|
|
19
13
|
[evt: string]: CustomEvent<any>;
|
|
20
14
|
};
|
|
21
15
|
slots: {};
|
|
22
|
-
exports?: undefined;
|
|
23
|
-
bindings?: undefined;
|
|
16
|
+
exports?: {} | undefined;
|
|
17
|
+
bindings?: string | undefined;
|
|
24
18
|
};
|
|
19
|
+
export type SeoProps = typeof __propDef.props;
|
|
20
|
+
export type SeoEvents = typeof __propDef.events;
|
|
21
|
+
export type SeoSlots = typeof __propDef.slots;
|
|
22
|
+
export default class Seo extends SvelteComponent<SeoProps, SeoEvents, SeoSlots> {
|
|
23
|
+
}
|
|
25
24
|
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<!-- @component `SEO` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-
|
|
1
|
+
<!-- @component `SEO` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-ads-analytic-seo--docs) -->
|
|
2
2
|
<script>export let baseUrl = "";
|
|
3
3
|
export let pageUrl = null;
|
|
4
4
|
export let seoTitle;
|
|
@@ -66,7 +66,7 @@ declare const __propDef: {
|
|
|
66
66
|
export type SeoProps = typeof __propDef.props;
|
|
67
67
|
export type SeoEvents = typeof __propDef.events;
|
|
68
68
|
export type SeoSlots = typeof __propDef.slots;
|
|
69
|
-
/** `SEO` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-
|
|
69
|
+
/** `SEO` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-ads-analytic-seo--docs) */
|
|
70
70
|
export default class Seo extends SvelteComponent<SeoProps, SeoEvents, SeoSlots> {
|
|
71
71
|
}
|
|
72
72
|
export {};
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
```yaml
|
|
2
|
+
slug: ROOT-SLUG/WILD
|
|
3
|
+
seoTitle: Page title for search
|
|
4
|
+
seoDescription: Page description for search
|
|
5
|
+
shareTitle: Page title for social media
|
|
6
|
+
shareDescription: Page description for social media
|
|
7
|
+
shareImgPath: images/reuters-graphics.jpg
|
|
8
|
+
shareImgAlt: Alt text for share image.
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
```svelte
|
|
12
|
+
<script>
|
|
13
|
+
import { SEO } from '@reuters-graphics/graphics-components';
|
|
14
|
+
import pkg from '$pkg';
|
|
15
|
+
import content from '$locales/en/content.json';
|
|
16
|
+
import { assets } from '$app/paths';
|
|
17
|
+
import { page } from '$app/stores';
|
|
18
|
+
</script>
|
|
19
|
+
|
|
20
|
+
<SEO
|
|
21
|
+
baseUrl="{VITE_BASE_URL}"
|
|
22
|
+
pageUrl="{$page.url}"
|
|
23
|
+
seoTitle="{content.seoTitle}"
|
|
24
|
+
seoDescription="{content.seoDescription}"
|
|
25
|
+
shareTitle="{content.shareTitle}"
|
|
26
|
+
shareDescription="{content.shareDescription}"
|
|
27
|
+
shareImgPath="{`${assets}/${content.shareImgPath}`}"
|
|
28
|
+
shareImgAlt="{content.shareImgAlt}"
|
|
29
|
+
publishTime="{pkg?.reuters?.graphic?.published}"
|
|
30
|
+
updateTime="{pkg?.reuters?.graphic?.updated}"
|
|
31
|
+
authors="{pkg?.reuters?.graphic?.authors}"
|
|
32
|
+
/>
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
> **Note:** For _reasons_, we can't document the value of `VITE_BASE_URL` below. It's `import` + `.meta.env.BASE_URL` (concatenate all that) in the Graphics Kit and other Vite-based rigs.
|
|
36
|
+
|