@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.
Files changed (262) hide show
  1. package/dist/actions/cssVariables/cssVariables.mdx +0 -2
  2. package/dist/actions/resizeObserver/resizeObserver.mdx +0 -2
  3. package/dist/components/AdSlot/InlineAd.stories.svelte +7 -5
  4. package/dist/components/AdSlot/InlineAd.stories.svelte.d.ts +7 -0
  5. package/dist/components/AdSlot/InlineAd.svelte +1 -1
  6. package/dist/components/AdSlot/InlineAd.svelte.d.ts +1 -1
  7. package/dist/components/AdSlot/LeaderboardAd.stories.svelte +11 -14
  8. package/dist/components/AdSlot/LeaderboardAd.stories.svelte.d.ts +15 -17
  9. package/dist/components/AdSlot/LeaderboardAd.svelte +1 -1
  10. package/dist/components/AdSlot/LeaderboardAd.svelte.d.ts +1 -1
  11. package/dist/components/AdSlot/SponsorshipAd.stories.svelte +11 -13
  12. package/dist/components/AdSlot/SponsorshipAd.stories.svelte.d.ts +15 -17
  13. package/dist/components/AdSlot/SponsorshipAd.svelte +1 -1
  14. package/dist/components/AdSlot/SponsorshipAd.svelte.d.ts +1 -1
  15. package/dist/components/Analytics/Analytics.stories.svelte +13 -18
  16. package/dist/components/Analytics/Analytics.stories.svelte.d.ts +15 -17
  17. package/dist/components/Analytics/Analytics.svelte +1 -1
  18. package/dist/components/Analytics/Analytics.svelte.d.ts +1 -1
  19. package/dist/components/Article/Article.stories.svelte +10 -12
  20. package/dist/components/Article/Article.stories.svelte.d.ts +7 -0
  21. package/dist/components/Article/Article.svelte +1 -1
  22. package/dist/components/Article/Article.svelte.d.ts +1 -1
  23. package/dist/components/BeforeAfter/BeforeAfter.stories.svelte +20 -28
  24. package/dist/components/BeforeAfter/BeforeAfter.stories.svelte.d.ts +24 -17
  25. package/dist/components/BeforeAfter/BeforeAfter.svelte +1 -1
  26. package/dist/components/BeforeAfter/BeforeAfter.svelte.d.ts +1 -1
  27. package/dist/components/Block/Block.stories.svelte +27 -35
  28. package/dist/components/Block/Block.stories.svelte.d.ts +21 -17
  29. package/dist/components/Block/Block.svelte +1 -1
  30. package/dist/components/Block/Block.svelte.d.ts +1 -1
  31. package/dist/components/Block/stories/docs/snapWidths.md +2 -2
  32. package/dist/components/BodyText/BodyText.stories.svelte +11 -14
  33. package/dist/components/BodyText/BodyText.stories.svelte.d.ts +15 -17
  34. package/dist/components/BodyText/BodyText.svelte +1 -1
  35. package/dist/components/BodyText/BodyText.svelte.d.ts +1 -1
  36. package/dist/components/BodyText/stories/docs/component.md +16 -3
  37. package/dist/components/Byline/Byline.stories.svelte +17 -21
  38. package/dist/components/Byline/Byline.stories.svelte.d.ts +21 -17
  39. package/dist/components/Byline/Byline.svelte +1 -0
  40. package/dist/components/Byline/Byline.svelte.d.ts +1 -0
  41. package/dist/components/DatawrapperChart/DatawrapperChart.stories.svelte +21 -29
  42. package/dist/components/DatawrapperChart/DatawrapperChart.stories.svelte.d.ts +21 -17
  43. package/dist/components/DatawrapperChart/DatawrapperChart.svelte +1 -1
  44. package/dist/components/DatawrapperChart/DatawrapperChart.svelte.d.ts +1 -1
  45. package/dist/components/DocumentCloud/DocumentCloud.stories.svelte +17 -24
  46. package/dist/components/DocumentCloud/DocumentCloud.stories.svelte.d.ts +21 -17
  47. package/dist/components/DocumentCloud/DocumentCloud.svelte +1 -1
  48. package/dist/components/DocumentCloud/DocumentCloud.svelte.d.ts +1 -1
  49. package/dist/components/EmbedPreviewerLink/EmbedPreviewerLink.stories.svelte +11 -14
  50. package/dist/components/EmbedPreviewerLink/EmbedPreviewerLink.stories.svelte.d.ts +15 -17
  51. package/dist/components/EndNotes/EndNotes.stories.svelte +18 -21
  52. package/dist/components/EndNotes/EndNotes.stories.svelte.d.ts +15 -17
  53. package/dist/components/EndNotes/EndNotes.svelte +2 -1
  54. package/dist/components/EndNotes/EndNotes.svelte.d.ts +1 -1
  55. package/dist/components/FeaturePhoto/FeaturePhoto.stories.svelte +28 -37
  56. package/dist/components/FeaturePhoto/FeaturePhoto.stories.svelte.d.ts +25 -17
  57. package/dist/components/FeaturePhoto/FeaturePhoto.svelte +1 -1
  58. package/dist/components/FeaturePhoto/FeaturePhoto.svelte.d.ts +1 -1
  59. package/dist/components/FeaturePhoto/stories/docs/archieML.md +37 -0
  60. package/dist/components/Framer/Framer.stories.svelte +11 -14
  61. package/dist/components/Framer/Framer.stories.svelte.d.ts +15 -17
  62. package/dist/components/Framer/Typeahead/index.svelte +13 -0
  63. package/dist/components/GraphicBlock/GraphicBlock.stories.svelte +26 -37
  64. package/dist/components/GraphicBlock/GraphicBlock.stories.svelte.d.ts +25 -17
  65. package/dist/components/GraphicBlock/GraphicBlock.svelte +1 -1
  66. package/dist/components/GraphicBlock/GraphicBlock.svelte.d.ts +1 -1
  67. package/dist/components/GraphicBlock/stories/docs/{quickit.md → archieML.md} +15 -10
  68. package/dist/components/Headline/Headline.stories.svelte +29 -38
  69. package/dist/components/Headline/Headline.stories.svelte.d.ts +25 -17
  70. package/dist/components/Headline/Headline.svelte +1 -1
  71. package/dist/components/Headline/Headline.svelte.d.ts +1 -1
  72. package/dist/components/HeroHeadline/Hero.stories.svelte +38 -51
  73. package/dist/components/HeroHeadline/Hero.stories.svelte.d.ts +34 -17
  74. package/dist/components/HeroHeadline/Hero.svelte +3 -1
  75. package/dist/components/HeroHeadline/Hero.svelte.d.ts +1 -1
  76. package/dist/components/InfoBox/InfoBox.stories.svelte +21 -22
  77. package/dist/components/InfoBox/InfoBox.stories.svelte.d.ts +25 -17
  78. package/dist/components/InfoBox/InfoBox.svelte +1 -1
  79. package/dist/components/InfoBox/InfoBox.svelte.d.ts +1 -1
  80. package/dist/components/Markdown/Markdown.stories.svelte +11 -14
  81. package/dist/components/Markdown/Markdown.stories.svelte.d.ts +15 -17
  82. package/dist/components/Markdown/Markdown.svelte +1 -1
  83. package/dist/components/Markdown/Markdown.svelte.d.ts +1 -1
  84. package/dist/components/PaddingReset/PaddingReset.stories.svelte +11 -14
  85. package/dist/components/PaddingReset/PaddingReset.stories.svelte.d.ts +15 -17
  86. package/dist/components/PaddingReset/PaddingReset.svelte +1 -0
  87. package/dist/components/PaddingReset/PaddingReset.svelte.d.ts +1 -0
  88. package/dist/components/PhotoCarousel/PhotoCarousel.stories.svelte +18 -26
  89. package/dist/components/PhotoCarousel/PhotoCarousel.stories.svelte.d.ts +21 -17
  90. package/dist/components/PhotoCarousel/PhotoCarousel.svelte +1 -1
  91. package/dist/components/PhotoCarousel/PhotoCarousel.svelte.d.ts +1 -1
  92. package/dist/components/PhotoPack/PhotoPack.stories.svelte +52 -58
  93. package/dist/components/PhotoPack/PhotoPack.stories.svelte.d.ts +25 -17
  94. package/dist/components/PhotoPack/PhotoPack.svelte +2 -1
  95. package/dist/components/PhotoPack/PhotoPack.svelte.d.ts +1 -1
  96. package/dist/components/PhotoPack/stories/docs/archieML.md +63 -0
  97. package/dist/components/PymChild/PymChild.stories.svelte +11 -14
  98. package/dist/components/PymChild/PymChild.stories.svelte.d.ts +15 -17
  99. package/dist/components/PymChild/PymChild.svelte +1 -1
  100. package/dist/components/PymChild/PymChild.svelte.d.ts +1 -1
  101. package/dist/components/ReferralBlock/ReferralBlock.stories.svelte +33 -41
  102. package/dist/components/ReferralBlock/ReferralBlock.stories.svelte.d.ts +29 -17
  103. package/dist/components/ReferralBlock/ReferralBlock.svelte +77 -55
  104. package/dist/components/ReferralBlock/ReferralBlock.svelte.d.ts +1 -1
  105. package/dist/components/ReferralBlock/filterCurrentPage.d.ts +2 -0
  106. package/dist/components/ReferralBlock/filterCurrentPage.js +32 -0
  107. package/dist/components/ReferralBlock/types.d.ts +99 -0
  108. package/dist/components/ReferralBlock/types.js +1 -0
  109. package/dist/components/ReutersGraphicsLogo/ReutersGraphicsLogo.stories.svelte +11 -14
  110. package/dist/components/ReutersGraphicsLogo/ReutersGraphicsLogo.stories.svelte.d.ts +15 -17
  111. package/dist/components/ReutersGraphicsLogo/ReutersGraphicsLogo.svelte +193 -45
  112. package/dist/components/ReutersGraphicsLogo/ReutersGraphicsLogo.svelte.d.ts +2 -3
  113. package/dist/components/ReutersGraphicsLogo/stories/docs/component.md +2 -2
  114. package/dist/components/ReutersLogo/ReutersLogo.stories.svelte +15 -18
  115. package/dist/components/ReutersLogo/ReutersLogo.stories.svelte.d.ts +23 -17
  116. package/dist/components/ReutersLogo/ReutersLogo.svelte +3 -3
  117. package/dist/components/ReutersLogo/ReutersLogo.svelte.d.ts +1 -1
  118. package/dist/components/ReutersLogo/stories/docs/component.md +1 -1
  119. package/dist/components/SEO/SEO.stories.svelte +17 -21
  120. package/dist/components/SEO/SEO.stories.svelte.d.ts +16 -17
  121. package/dist/components/SEO/SEO.svelte +1 -1
  122. package/dist/components/SEO/SEO.svelte.d.ts +1 -1
  123. package/dist/components/SEO/stories/docs/archieML.md +36 -0
  124. package/dist/components/Scroller/Scroller.stories.svelte +48 -60
  125. package/dist/components/Scroller/Scroller.stories.svelte.d.ts +32 -17
  126. package/dist/components/Scroller/Scroller.svelte +1 -1
  127. package/dist/components/Scroller/Scroller.svelte.d.ts +1 -1
  128. package/dist/components/Scroller/stories/docs/ai2svelte.md +1 -1
  129. package/dist/components/Scroller/stories/docs/archieML.md +87 -0
  130. package/dist/components/SearchInput/SearchInput.stories.svelte +11 -14
  131. package/dist/components/SearchInput/SearchInput.stories.svelte.d.ts +15 -17
  132. package/dist/components/SearchInput/SearchInput.svelte +1 -1
  133. package/dist/components/SearchInput/SearchInput.svelte.d.ts +1 -1
  134. package/dist/components/SimpleTimeline/SimpleTimeline.stories.svelte +15 -22
  135. package/dist/components/SimpleTimeline/SimpleTimeline.stories.svelte.d.ts +23 -17
  136. package/dist/components/SimpleTimeline/SimpleTimeline.svelte +1 -1
  137. package/dist/components/SimpleTimeline/SimpleTimeline.svelte.d.ts +1 -1
  138. package/dist/components/SiteFooter/SiteFooter.stories.svelte +16 -47
  139. package/dist/components/SiteFooter/SiteFooter.stories.svelte.d.ts +15 -17
  140. package/dist/components/SiteFooter/SiteFooter.svelte +10 -4
  141. package/dist/components/SiteFooter/SiteFooter.svelte.d.ts +1 -9
  142. package/dist/components/SiteFooter/svgs/Twitter.svelte +6 -4
  143. package/dist/components/SiteHeader/SiteHeader.stories.svelte +18 -21
  144. package/dist/components/SiteHeader/SiteHeader.stories.svelte.d.ts +22 -17
  145. package/dist/components/SiteHeader/SiteHeader.svelte +1 -1
  146. package/dist/components/SiteHeader/SiteHeader.svelte.d.ts +1 -1
  147. package/dist/components/SiteHeadline/SiteHeadline.stories.svelte +3 -3
  148. package/dist/components/SiteHeadline/SiteHeadline.svelte +1 -0
  149. package/dist/components/SiteHeadline/SiteHeadline.svelte.d.ts +1 -0
  150. package/dist/components/SiteHeadline/stories/docs/archieML.md +26 -0
  151. package/dist/components/Spinner/Spinner.stories.svelte +20 -23
  152. package/dist/components/Spinner/Spinner.stories.svelte.d.ts +52 -17
  153. package/dist/components/Spinner/Spinner.svelte +1 -1
  154. package/dist/components/Spinner/Spinner.svelte.d.ts +1 -1
  155. package/dist/components/Table/Select.svelte +1 -8
  156. package/dist/components/Table/Table.stories.svelte +30 -44
  157. package/dist/components/Table/Table.stories.svelte.d.ts +21 -17
  158. package/dist/components/Table/Table.svelte +5 -1
  159. package/dist/components/Table/Table.svelte.d.ts +1 -1
  160. package/dist/components/Theme/Theme.stories.svelte +9 -7
  161. package/dist/components/Theme/Theme.stories.svelte.d.ts +16 -0
  162. package/dist/components/Theme/Theme.svelte +1 -1
  163. package/dist/components/Theme/Theme.svelte.d.ts +1 -1
  164. package/dist/components/ToolsHeader/ToolsHeader.stories.svelte +11 -14
  165. package/dist/components/ToolsHeader/ToolsHeader.stories.svelte.d.ts +15 -17
  166. package/dist/components/ToolsHeader/ToolsHeader.svelte +1 -1
  167. package/dist/components/ToolsHeader/ToolsHeader.svelte.d.ts +2 -3
  168. package/dist/components/Video/Video.stories.svelte +16 -23
  169. package/dist/components/Video/Video.stories.svelte.d.ts +15 -17
  170. package/dist/components/Video/Video.svelte +1 -1
  171. package/dist/components/Video/Video.svelte.d.ts +1 -1
  172. package/dist/components/Visible/Visible.stories.svelte +12 -16
  173. package/dist/components/Visible/Visible.stories.svelte.d.ts +15 -17
  174. package/dist/components/Visible/Visible.svelte +1 -1
  175. package/dist/components/Visible/Visible.svelte.d.ts +1 -1
  176. package/dist/docs/actions/intro.mdx +0 -2
  177. package/dist/docs/contributing/component-guidelines.mdx +0 -2
  178. package/dist/docs/contributing/quickstart.mdx +2 -4
  179. package/dist/docs/contributing/story-recipes/basic-story.mdx +0 -2
  180. package/dist/docs/contributing/story-recipes/story-with-custom-controls.mdx +0 -2
  181. package/dist/docs/contributing/story-recipes/story-with-custom-docs.mdx +0 -2
  182. package/dist/docs/contributing/story-recipes/story-with-media.mdx +0 -2
  183. package/dist/docs/contributing/writing-component-stories.mdx +0 -2
  184. package/dist/docs/contributing/writing-docs-stories.mdx +0 -4
  185. package/dist/docs/docs-components/CopyColourTable/ImportSnippet.d.ts +2 -1
  186. package/dist/docs/docs-components/CopyColourTable/ImportSnippet.jsx +4 -4
  187. package/dist/docs/docs-components/CopyColourTable/Table.d.ts +2 -1
  188. package/dist/docs/docs-components/CopyColourTable/styles.module.scss +4 -0
  189. package/dist/docs/docs-components/CopyTable/Table.d.ts +2 -1
  190. package/dist/docs/docs-components/Herbie/Herbie.d.ts +7 -0
  191. package/dist/docs/docs-components/Herbie/Herbie.tsx +47 -0
  192. package/dist/docs/docs-components/Highlight/Highlight.d.ts +6 -0
  193. package/dist/docs/docs-components/Highlight/Highlight.tsx +19 -0
  194. package/dist/docs/docs-components/MdxTheme/Theme.d.ts +2 -1
  195. package/dist/docs/docs-components/Mermaid/Mermaid.d.ts +2 -1
  196. package/dist/docs/docs-components/SubtleHighlight/SubtleHighlight.d.ts +6 -0
  197. package/dist/docs/docs-components/SubtleHighlight/SubtleHighlight.tsx +16 -0
  198. package/dist/docs/docs-components/ThemeBuilder/CSSVariables/VariableTable.d.ts +2 -1
  199. package/dist/docs/docs-components/ThemeBuilder/Customiser/ColourPicker.d.ts +2 -1
  200. package/dist/docs/docs-components/ThemeBuilder/Customiser/Customiser.d.ts +2 -1
  201. package/dist/docs/docs-components/ThemeBuilder/Customiser/Key.d.ts +2 -1
  202. package/dist/docs/docs-components/ThemeBuilder/Customiser/Value.d.ts +2 -1
  203. package/dist/docs/docs-components/ThemeBuilder/NewTheme/NewTheme.d.ts +2 -1
  204. package/dist/docs/docs-components/ThemeBuilder/NewTheme/NewTheme.jsx +3 -3
  205. package/dist/docs/docs-components/ThemeBuilder/NewTheme/styles.module.scss +8 -0
  206. package/dist/docs/docs-components/ThemeBuilder/ThemeBuilder.d.ts +2 -1
  207. package/dist/docs/docs-components/ThemeBuilder/ThemeSwitch/Switch.d.ts +2 -1
  208. package/dist/docs/docs-components/syntax/nord.d.ts +7 -0
  209. package/dist/docs/docs-components/syntax/nord.js +155 -0
  210. package/dist/docs/guides/archieml.mdx +441 -0
  211. package/dist/docs/guides/customising-with-scss.mdx +10 -9
  212. package/dist/docs/guides/getting-help.mdx +3 -5
  213. package/dist/docs/guides/graphics-kit.mdx +8 -30
  214. package/dist/docs/guides/imgs/intro.png +0 -0
  215. package/dist/docs/guides/imgs/more-stories.png +0 -0
  216. package/dist/docs/guides/svelte-components.mdx +138 -0
  217. package/dist/docs/guides/using-docs.mdx +12 -12
  218. package/dist/docs/intro.mdx +1 -3
  219. package/dist/docs/layout/intro.mdx +1 -3
  220. package/dist/docs/styles/colours/intro.mdx +1 -3
  221. package/dist/docs/styles/colours/primary.mdx +0 -2
  222. package/dist/docs/styles/colours/thematic.mdx +0 -2
  223. package/dist/docs/styles/intro.mdx +0 -2
  224. package/dist/docs/styles/tokens/accessibility/main.mdx +1 -3
  225. package/dist/docs/styles/tokens/backgrounds/main.mdx +1 -3
  226. package/dist/docs/styles/tokens/borders/main.mdx +0 -2
  227. package/dist/docs/styles/tokens/flexbox/main.mdx +0 -2
  228. package/dist/docs/styles/tokens/interactivity/_main.mdx +0 -2
  229. package/dist/docs/styles/tokens/intro.mdx +6 -10
  230. package/dist/docs/styles/tokens/layout/main.mdx +0 -2
  231. package/dist/docs/styles/tokens/sizing/main.mdx +0 -2
  232. package/dist/docs/styles/tokens/spacers/main.mdx +2 -4
  233. package/dist/docs/styles/tokens/typography/main.mdx +7 -9
  234. package/dist/docs/styles/tokens/variables/main.mdx +0 -2
  235. package/dist/docs/theme-builder/theme-builder.mdx +1 -3
  236. package/dist/docs/theming/css-variables.mdx +1 -3
  237. package/dist/index.d.ts +0 -3
  238. package/dist/index.js +0 -5
  239. package/dist/scss/reset/_main.scss +2 -2
  240. package/package.json +29 -22
  241. package/dist/components/EndNotes/docProps.d.ts +0 -10
  242. package/dist/components/EndNotes/docProps.js +0 -8
  243. package/dist/components/FeaturePhoto/stories/docs/quickit.md +0 -38
  244. package/dist/components/PhotoPack/docProps.d.ts +0 -38
  245. package/dist/components/PhotoPack/docProps.js +0 -26
  246. package/dist/components/PhotoPack/stories/docs/quickit.md +0 -67
  247. package/dist/components/SEO/stories/docs/quickit.md +0 -29
  248. package/dist/components/Scroller/docProps.d.ts +0 -36
  249. package/dist/components/Scroller/docProps.js +0 -16
  250. package/dist/components/Scroller/stories/docs/quickit.md +0 -60
  251. package/dist/components/SiteFooter/Referrals/IntersectionObserver.svelte +0 -45
  252. package/dist/components/SiteFooter/Referrals/IntersectionObserver.svelte.d.ts +0 -41
  253. package/dist/components/SiteFooter/Referrals/Link.svelte +0 -80
  254. package/dist/components/SiteFooter/Referrals/Link.svelte.d.ts +0 -31
  255. package/dist/components/SiteFooter/Referrals/Referrals.svelte +0 -56
  256. package/dist/components/SiteFooter/Referrals/Referrals.svelte.d.ts +0 -25
  257. package/dist/components/SiteFooter/Referrals/index.svelte +0 -49
  258. package/dist/components/SiteFooter/Referrals/index.svelte.d.ts +0 -25
  259. package/dist/components/SiteFooter/stories/docs/customReferrals.md +0 -26
  260. package/dist/components/SiteHeadline/stories/docs/quickit.md +0 -30
  261. package/dist/docs/guides/google-docs.mdx +0 -74
  262. 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-ReutersGraphicsLogo--default) -->
2
- <script>export let logoColour = "#FA6400";
3
- export let primaryTextColour = "#404040";
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
- viewBox="0 0 219.32 32.43"
12
- style="width: {width};"
12
+ style="width: {width}; --logoColour: {logoColour}; --textColour: {textColour};"
13
13
  >
14
- <path
15
- d="M30.72,16.3a1.57,1.57,0,1,1-1.56-1.57A1.56,1.56,0,0,1,30.72,16.3Zm-4.8-2.74a.94.94,0,1,0,.94.94A.94.94,0,0,0,25.92,13.56Zm-1.11-3.28a1.2,1.2,0,1,0,0,2.39,1.2,1.2,0,0,0,0-2.39ZM22.87,7.79A1.11,1.11,0,1,0,24,8.9,1.11,1.11,0,0,0,22.87,7.79ZM20.43,6.31a.95.95,0,1,0,.94.94A.94.94,0,0,0,20.43,6.31ZM17.85,5.7a.8.8,0,0,0,0,1.6.8.8,0,0,0,0-1.6Zm-2.53.11a.61.61,0,0,0-.61.62.61.61,0,0,0,.61.61.61.61,0,0,0,.62-.61A.62.62,0,0,0,15.32,5.81Zm-2.2.54a.53.53,0,1,0,.53.52A.52.52,0,0,0,13.12,6.35Zm-1.88.83a.46.46,0,0,0,0,.92.46.46,0,1,0,0-.92ZM9.58,8.27a.53.53,0,1,0,.53.53A.53.53,0,0,0,9.58,8.27ZM8,9.8a.61.61,0,1,0,.61.61A.61.61,0,0,0,8,9.8Zm-1.31,2a.73.73,0,1,0,.73.73A.73.73,0,0,0,6.7,11.84Zm-.76,2.63a.77.77,0,1,0,.77.77A.77.77,0,0,0,5.94,14.47Zm0,2.68a.94.94,0,1,0,.94.94A.94.94,0,0,0,6,17.15ZM7.1,19.92a1.2,1.2,0,0,0,0,2.39,1.2,1.2,0,1,0,0-2.39Zm2,2.66a1.11,1.11,0,1,0,1.11,1.1A1.1,1.1,0,0,0,9.05,22.58Zm2.36,1.77a.94.94,0,1,0,.94.93A.94.94,0,0,0,11.41,24.35Zm2.65.95a.8.8,0,0,0,0,1.59.8.8,0,1,0,0-1.59Zm2.53.25a.61.61,0,1,0,.61.61A.61.61,0,0,0,16.59,25.55Zm2.2-.36a.53.53,0,0,0,0,1.06.53.53,0,0,0,0-1.06Zm1.88-.7a.46.46,0,0,0-.45.46.45.45,0,0,0,.45.45.46.46,0,0,0,.46-.45A.47.47,0,0,0,20.67,24.49Zm1.66-1.23a.53.53,0,0,0-.53.53.53.53,0,1,0,1.06,0A.53.53,0,0,0,22.33,23.26Zm1.57-1.69a.61.61,0,0,0,0,1.22.61.61,0,1,0,0-1.22Zm1.31-2.28a.73.73,0,0,0-.72.73.72.72,0,0,0,.72.72.73.73,0,0,0,.73-.72A.73.73,0,0,0,25.21,19.29ZM26,16.58a.77.77,0,1,0,.77.77A.76.76,0,0,0,26,16.58Zm-3-.88a.73.73,0,1,0,0,1.45.73.73,0,1,0,0-1.45Zm-2.82-.65a.41.41,0,1,0,.41.41A.41.41,0,0,0,20.15,15.05Zm-.78-2a.57.57,0,0,0-.57.57.57.57,0,1,0,.57-.57Zm-1.86-1.64a.77.77,0,0,0,0,1.54.77.77,0,1,0,0-1.54ZM15,11.16a.87.87,0,1,0,.87.87A.88.88,0,0,0,15,11.16Zm-2.13,1.21a.83.83,0,1,0,.83.83A.83.83,0,0,0,12.87,12.37Zm-1.09,2.28a.57.57,0,0,0-.56.56.56.56,0,1,0,1.12,0A.57.57,0,0,0,11.78,14.65Zm0,2.14a.41.41,0,1,0,.41.41A.41.41,0,0,0,11.82,16.79Zm.74,1.63A.58.58,0,0,0,12,19a.57.57,0,0,0,1.14,0A.58.58,0,0,0,12.56,18.42Zm1.86,1.27a.77.77,0,0,0-.77.77.78.78,0,1,0,.77-.77Zm2.51.06a.88.88,0,1,0,.87.87A.87.87,0,0,0,16.93,19.75Zm2.14-1.13a.83.83,0,0,0-.83.83.84.84,0,0,0,.83.84.85.85,0,0,0,.84-.84A.84.84,0,0,0,19.07,18.62Zm1.09-1.73a.56.56,0,1,0,.56.56A.56.56,0,0,0,20.16,16.89Zm2.44-4.12a.94.94,0,1,0,.94.94A.94.94,0,0,0,22.6,12.77ZM21,10.14a1.12,1.12,0,1,0,1.12,1.12A1.12,1.12,0,0,0,21,10.14ZM18.62,8.67a1,1,0,1,0,1,1A1,1,0,0,0,18.62,8.67ZM16,8.38a.88.88,0,1,0,.88.88A.87.87,0,0,0,16,8.38Zm-2.66.85a.66.66,0,1,0,.66.66A.66.66,0,0,0,13.3,9.23Zm-2.24,1.56a.61.61,0,1,0,.61.61A.61.61,0,0,0,11.06,10.79ZM9.54,13a.61.61,0,0,0-.61.61.62.62,0,0,0,.61.61.61.61,0,0,0,.61-.61A.61.61,0,0,0,9.54,13ZM8.9,15.46a.72.72,0,0,0-.72.72.73.73,0,0,0,.72.73.73.73,0,0,0,.73-.73A.73.73,0,0,0,8.9,15.46ZM9.28,18a.94.94,0,1,0,.93.94A.94.94,0,0,0,9.28,18Zm1.58,2.27A1.12,1.12,0,1,0,12,21.34,1.12,1.12,0,0,0,10.86,20.22Zm2.41,1.7a1,1,0,1,0,1,1A1,1,0,0,0,13.27,21.92Zm2.65.53a.89.89,0,1,0,.89.89A.89.89,0,0,0,15.92,22.45Zm2.66-.39a.66.66,0,1,0,0,1.31.66.66,0,1,0,0-1.31Zm2.24-1.45a.6.6,0,0,0-.6.61.61.61,0,1,0,.6-.61Zm1.52-2.25a.61.61,0,0,0-.61.61A.61.61,0,0,0,23,19,.61.61,0,0,0,22.34,18.36Zm6.2-7.6a1.36,1.36,0,1,0,1.35,1.36A1.35,1.35,0,0,0,28.54,10.76Zm-1.72-3.1A1.15,1.15,0,1,0,28,8.81,1.15,1.15,0,0,0,26.82,7.66ZM24.27,5.22a1,1,0,1,0,1,1A1,1,0,0,0,24.27,5.22ZM21.41,3.75a.8.8,0,1,0,.8.8A.8.8,0,0,0,21.41,3.75ZM18.6,3a.69.69,0,1,0,.69.69A.69.69,0,0,0,18.6,3ZM16,2.79a.6.6,0,1,0,.6.6A.6.6,0,0,0,16,2.79ZM13.32,3a.69.69,0,1,0,.69.69A.69.69,0,0,0,13.32,3Zm-2.82.76a.8.8,0,1,0,.81.8A.8.8,0,0,0,10.5,3.75ZM7.64,5.22a1,1,0,1,0,1,1A1,1,0,0,0,7.64,5.22ZM5.09,7.66A1.15,1.15,0,1,0,6.24,8.81,1.15,1.15,0,0,0,5.09,7.66ZM3.37,10.77a1.35,1.35,0,1,0,1.36,1.35A1.35,1.35,0,0,0,3.37,10.77Zm-.62,4A1.57,1.57,0,1,0,4.32,16.3,1.56,1.56,0,0,0,2.75,14.73Zm.63,4.39a1.35,1.35,0,1,0,1.35,1.35A1.35,1.35,0,0,0,3.38,19.12Zm1.71,3.51a1.15,1.15,0,0,0,0,2.3,1.15,1.15,0,0,0,0-2.3Zm2.55,2.76a1,1,0,1,0,1,1A1,1,0,0,0,7.64,25.39Zm2.86,1.84a.81.81,0,1,0,.81.81A.8.8,0,0,0,10.5,27.23Zm2.82,1a.7.7,0,1,0,.69.7A.69.69,0,0,0,13.32,28.21ZM16,28.6a.6.6,0,0,0-.6.6.59.59,0,0,0,.6.59.58.58,0,0,0,.59-.59A.59.59,0,0,0,16,28.6Zm2.64-.39a.7.7,0,1,0,.69.7A.7.7,0,0,0,18.6,28.21Zm2.81-1a.81.81,0,1,0,.81.8A.81.81,0,0,0,21.41,27.24Zm2.86-1.86a1,1,0,1,0,1,1A1,1,0,0,0,24.27,25.38Zm2.55-2.75A1.15,1.15,0,1,0,28,23.78,1.15,1.15,0,0,0,26.82,22.63Zm1.72-3.51a1.36,1.36,0,1,0,1.35,1.35A1.35,1.35,0,0,0,28.54,19.12Z"
16
- fill="{logoColour}"
17
- ></path>
18
- <path
19
- d="M49,23H46.68c-.21,0-.29-.2-.38-.38L43.58,18h-.42c-.49,0-2-.05-2.46-.08v4.67a.37.37,0,0,1-.36.38H38.45a.39.39,0,0,1-.38-.38V10.23c0-.38.23-.51.61-.56a38.87,38.87,0,0,1,4.48-.25c2.91,0,5.6,1,5.6,4.27v.18a3.64,3.64,0,0,1-2.55,3.7l3,5.06a.23.23,0,0,1,0,.15A.21.21,0,0,1,49,23Zm-2.84-9.32c0-1.41-1.1-2-3-2-.4,0-2.12,0-2.46.08v4.1c.3,0,2.13.06,2.46.06,1.94,0,3-.38,3-2Zm8.11,5.59c0,1.58.06,1.63,1.49,1.63h4.79a.38.38,0,0,1,.37.38v1.2c0,.27-.09.37-.37.4a25.07,25.07,0,0,1-4.09.26c-3.14,0-4.8,0-4.8-3.87v-6c0-3.9,1.66-3.88,4.8-3.88a26.35,26.35,0,0,1,4.09.26c.28,0,.37.14.37.4v1.21a.38.38,0,0,1-.37.38H55.75c-1.43,0-1.49,0-1.49,1.63V15h6.05a.38.38,0,0,1,.38.38v1.36a.38.38,0,0,1-.38.38H54.26ZM69.4,23.15c-3,0-5.66-1.32-5.66-5.35V9.93a.36.36,0,0,1,.38-.36H66a.36.36,0,0,1,.38.36V17.8c0,2.16,1,3.18,3,3.18s3-1,3-3.18V9.93a.36.36,0,0,1,.38-.36h1.87a.36.36,0,0,1,.38.36V17.8C75.07,21.83,72.45,23.15,69.4,23.15ZM87.51,11.76H83.74V22.63a.4.4,0,0,1-.39.38H81.48a.39.39,0,0,1-.38-.38V11.76H77.33a.35.35,0,0,1-.38-.33V9.93a.36.36,0,0,1,.38-.36H87.51a.36.36,0,0,1,.37.36v1.5A.34.34,0,0,1,87.51,11.76ZM113.19,23h-2.31c-.21,0-.28-.2-.37-.38L107.78,18h-.42c-.49,0-2-.05-2.46-.08v4.67a.37.37,0,0,1-.35.38h-1.89a.39.39,0,0,1-.38-.38V10.23c0-.38.22-.51.6-.56a38.87,38.87,0,0,1,4.48-.25c2.92,0,5.6,1,5.6,4.27v.18a3.64,3.64,0,0,1-2.55,3.7l3,5.06a.23.23,0,0,1,0,.15A.22.22,0,0,1,113.19,23Zm-2.83-9.32c0-1.41-1.11-2-3-2-.39,0-2.12,0-2.46.08v4.1c.31,0,2.14.06,2.46.06,2,0,3-.38,3-2Zm10,9.48a20.58,20.58,0,0,1-4.28-.5.41.41,0,0,1-.35-.38V20.93a.36.36,0,0,1,.35-.36h0a35.51,35.51,0,0,0,4.28.34c1.68,0,2.19-.6,2.19-1.7,0-1.42-3.38-2.2-5-2.88A3.39,3.39,0,0,1,115.38,13c0-2.08,1.67-3.59,5.19-3.59a18.93,18.93,0,0,1,4.09.49.38.38,0,0,1,.34.36v1.4a.32.32,0,0,1-.32.34h0a41.56,41.56,0,0,0-4.19-.34c-1.4,0-2.45.49-2.45,1.34,0,.62.71,1.19,1.55,1.53l3.2,1.26c1.59.65,2.62,1.59,2.62,3.4S124.19,23.17,120.41,23.17Zm-28-3.89c0,1.58.06,1.63,1.49,1.63h4.79a.38.38,0,0,1,.38.38v1.2c0,.27-.1.37-.38.4a25.07,25.07,0,0,1-4.09.26c-3.14,0-4.8,0-4.8-3.87v-6c0-3.9,1.66-3.88,4.8-3.88a26.35,26.35,0,0,1,4.09.26c.28,0,.38.14.38.4v1.21a.38.38,0,0,1-.38.38H93.93c-1.43,0-1.49,0-1.49,1.63V15h6a.38.38,0,0,1,.38.38v1.36a.38.38,0,0,1-.38.38h-6Z"
20
- fill="{primaryTextColour}"
21
- ></path>
22
- <g>
23
- <path
24
- d="M139.13,9.65a9.7,9.7,0,0,1,3.77.64l-.17.92a10.21,10.21,0,0,0-3.52-.6c-3.43,0-5.51,2.16-5.51,5.7s2,5.7,5.41,5.7a12.38,12.38,0,0,0,2.66-.31V17.14h1.06v5.28a13.27,13.27,0,0,1-3.74.52c-4.18,0-6.49-2.78-6.49-6.63S135,9.65,139.13,9.65Z"
25
- fill="{secondaryTextColour}"
26
- ></path>
27
- <path
28
- d="M151.69,17l3.75,5.67h-1.25l-3.67-5.59h-3.66v5.59h-1.1V9.88h5.06c2.68,0,4,1.58,4,3.6A3.57,3.57,0,0,1,151.69,17Zm-1-6.25h-3.85v5.43h3.85a2.66,2.66,0,0,0,3-2.74C153.67,11.81,152.63,10.79,150.71,10.79Z"
29
- fill="{secondaryTextColour}"
30
- ></path>
31
- <path
32
- d="M161.74,9.88h1.2l4.81,12.83h-1.09l-1.35-3.66h-6L158,22.71h-1.1Zm-2.06,8.22H165l-2.64-7.33Z"
33
- fill="{secondaryTextColour}"
34
- ></path>
35
- <path
36
- d="M169.84,9.88h4.83a3.59,3.59,0,0,1,3.93,3.7,3.63,3.63,0,0,1-3.93,3.7h-3.74v5.43h-1.09Zm4.73,6.47a2.62,2.62,0,0,0,2.91-2.77,2.65,2.65,0,0,0-2.93-2.79h-3.62v5.56Z"
37
- fill="{secondaryTextColour}"
38
- ></path>
39
- <path
40
- d="M180.89,9.88H182v5.76h7.28V9.88h1.12V22.71h-1.12V16.62H182v6.09h-1.1Z"
41
- fill="{secondaryTextColour}"
42
- ></path>
43
- <path d="M193.76,9.88h1.1V22.71h-1.1Z" fill="{secondaryTextColour}"></path>
44
- <path
45
- d="M203.91,9.65a9.26,9.26,0,0,1,3.35.6l-.17.9a9.38,9.38,0,0,0-3-.54c-3.37,0-5.41,2.18-5.41,5.68s2,5.68,5.41,5.68a9.38,9.38,0,0,0,3-.54l.17.91a9.26,9.26,0,0,1-3.35.6c-4,0-6.35-2.68-6.35-6.65S199.92,9.65,203.91,9.65Z"
46
- fill="{secondaryTextColour}"
47
- ></path>
48
- <path
49
- d="M213.43,22.94A12.07,12.07,0,0,1,209,22l.27-.9a10.81,10.81,0,0,0,4.16.94c2,0,3.35-.81,3.35-2.46s-1.22-2.31-3.68-2.95c-3-.77-4.14-1.91-4.14-3.62,0-2.27,1.68-3.35,4.51-3.35a9.32,9.32,0,0,1,3.94.83l-.21.9a9.43,9.43,0,0,0-3.73-.82c-2.16,0-3.41.61-3.41,2.38,0,1.56,1.11,2.1,3.44,2.78,2.62.75,4.38,1.5,4.38,3.77S216.16,22.94,213.43,22.94Z"
50
- fill="{secondaryTextColour}"
51
- ></path>
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></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
- /** Primary text colour, i.e., "Reuters" */ primaryTextColour?: string;
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-ReutersGraphicsLogo--default) */
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' official logo.
1
+ Reuters Graphics team logo.
2
2
 
3
- > Generally, only used for internal tools. For public pages, use the [ReutersLogo](./?path=/docs/components-reuterslogo--default) component.
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
- import { Meta, Template, Story } from '@storybook/addon-svelte-csf';
3
-
4
- // @ts-ignore raw
5
- import componentDocs from './stories/docs/component.md?raw';
6
-
7
- import ReutersLogo from './ReutersLogo.svelte';
8
-
9
- import { withComponentDocs } from '../../lib/docs/utils/withParams.js';
10
-
11
- const metaProps = {
12
- ...withComponentDocs(componentDocs),
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
- <Meta title="Components/ReutersLogo" component="{ReutersLogo}" {...metaProps} />
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 __propDef: {
15
- props: {
16
- [x: string]: never;
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-ReutersLogo--default) -->
2
- <script>export let logoColour = "#FA6400";
3
- export let textColour = "#404040";
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-ReutersLogo--default) */
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,4 +1,4 @@
1
- The official home of the Reuters logo.
1
+ The official Reuters logo.
2
2
 
3
3
  ```svelte
4
4
  <script>
@@ -1,24 +1,20 @@
1
- <script>
2
- import { Meta, Template, Story } from '@storybook/addon-svelte-csf';
3
-
4
- // @ts-ignore raw
5
- import componentDocs from './stories/docs/component.md?raw';
6
- // @ts-ignore raw
7
- import quickitDocs from './stories/docs/quickit.md?raw';
8
-
9
- import SEO from './SEO.svelte';
10
-
11
- import {
12
- withComponentDocs,
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
- <Meta
18
- title="Components/SEO"
19
- component="{SEO}"
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="🚀 QUICKIT"
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(quickitDocs)}
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
- declare const __propDef: {
15
- props: {
16
- [x: string]: never;
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-SEO--default) -->
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-SEO--default) */
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
+