@reuters-graphics/graphics-components 1.0.29 → 1.1.0

package/dist/components/SiteFooter/data.json

@@ -1,210 +1,210 @@
 [
-    {
-        "company_description": "Reuters, the news and media division of Thomson Reuters, is the world’s largest multimedia news provider, reaching billions of people worldwide every day. Reuters provides business, financial, national and international news to professionals via desktop terminals, the world's media organizations, industry events and directly to consumers.",
-        "disclaimer_link": "https://www.reuters.com/info-pages/disclaimer/",
-        "copyright_link": "https://www.thomsonreuters.com/en/policies/copyright.html",
-        "copyright_year": "2022",
-        "latest_links": [
-            {
-                "text": "Home",
-                "url": "/",
-                "self": true
-            }
-        ],
-        "browse_links": [
-            {
-                "text": "World",
-                "url": "/world/",
-                "self": true
-            },
-            {
-                "text": "Business",
-                "url": "/business/",
-                "self": true
-            },
-            {
-                "text": "Legal",
-                "url": "/legal/",
-                "self": true
-            },
-            {
-                "text": "Markets",
-                "url": "/markets/",
-                "self": true
-            },
-            {
-                "text": "Breakingviews",
-                "url": "/breakingviews/",
-                "self": true
-            },
-            {
-                "text": "Technology",
-                "url": "/technology/",
-                "self": true
-            },
-            {
-                "text": "Investigations",
-                "url": "/investigates/"
-            },
-            {
-                "text": "Lifestyle",
-                "url": "/lifestyle/",
-                "self": true
-            }
-        ],
-        "media_links": [
-            {
-                "text": "Videos",
-                "url": "https://www.reuters.com/video/",
-                "symbol": "videos"
-            },
-            {
-                "text": "Pictures",
-                "url": "https://www.reuters.com/news/pictures",
-                "symbol": "pictures"
-            },
-            {
-                "text": "Graphics",
-                "url": "https://graphics.reuters.com/",
-                "symbol": "graphics"
-            }
-        ],
-        "about_links": [
-            {
-                "text": "About Reuters",
-                "url": "https://www.reutersagency.com/en/about/about-us/"
-            },
-            {
-                "text": "Careers",
-                "url": "https://www.thomsonreuters.com/en/careers.html"
-            },
-            {
-                "text": "Reuters News Agency",
-                "url": "https://www.reutersagency.com/en/?utm_source=website&utm_medium=reuters&utm_campaign=site-referral&utm_content=us&utm_term=0"
-            },
-            {
-                "text": "Brand Attribution Guidelines",
-                "url": "https://www.reutersagency.com/en/about/about-us/brand-attribution-guidelines/"
-            },
-            {
-                "text": "Reuters Leadership",
-                "url": "https://www.reutersagency.com/en/about/leadership-team/"
-            },
-            {
-                "text": "Reuters Fact Check",
-                "url": "https://www.reuters.com/fact-check/"
-            },
-            {
-                "text": "Reuters Diversity Report",
-                "url": "https://www.reuters.com/DiversityReportApril2022"
-            }
-        ],
-        "stay_informed_links": [
-            {
-                "text": "Download the App",
-                "url": "https://www.reuters.com/tools/mobile/us"
-            },
-            {
-                "text": "Newsletters",
-                "url": "https://newslink.reuters.com/join/subscribe"
-            }
-        ],
-        "social_links": [
-            {
-                "type": "twitter",
-                "url": "https://www.twitter.com/Reuters"
-            },
-            {
-                "type": "facebook",
-                "url": "https://www.facebook.com/Reuters"
-            },
-            {
-                "type": "instagram",
-                "url": "https://www.instagram.com/Reuters"
-            },
-            {
-                "type": "youtube",
-                "url": "https://www.youtube.com/user/ReutersVideo"
-            },
-            {
-                "type": "linkedin",
-                "url": "https://www.linkedin.com/company/10256858/"
-            }
-        ],
-        "tr_products": [
-            {
-                "name": "Westlaw",
-                "description": "Build the strongest argument relying on authoritative content, attorney-editor expertise, and industry defining technology.",
-                "url": "https://legal.thomsonreuters.com/en/products/westlaw"
-            },
-            {
-                "name": "Onesource",
-                "description": "The most comprehensive solution to manage all your complex and ever-expanding tax and compliance needs.",
-                "url": "https://tax.thomsonreuters.com/en/onesource"
-            },
-            {
-                "name": "Checkpoint",
-                "description": "The industry leader for online information for tax, accounting and finance professionals.",
-                "url": "https://tax.thomsonreuters.com/en/checkpoint"
-            }
-        ],
-        "refinitiv_products": [
-            {
-                "name": "Refinitiv Workspace",
-                "description": " Access unmatched financial data, news and content in a highly-customised workflow experience on desktop, web and mobile.",
-                "url": " https://www.refinitiv.com/en/products/refinitiv-workspace"
-            },
-            {
-                "name": "Refinitiv Data Catalogue",
-                "description": " Browse an unrivalled portfolio of real-time and historical market data and insights from worldwide sources and experts.",
-                "url": " https://www.refinitiv.com/en/financial-data"
-            },
-            {
-                "name": "Refinitiv World-Check",
-                "description": "Screen for heightened risk individual and entities globally to help uncover hidden risks in business relationships and human networks.",
-                "url": "https://www.refinitiv.com/en/products/world-check-kyc-screening"
-            }
-        ],
-        "ad_links": [
-            {
-                "text": "Advertise With Us",
-                "url": "https://www.reutersagency.com/en/services/advertising-solutions/"
-            },
-            {
-                "text": "Advertising Guidelines",
-                "url": "/info-pages/advertising-guidelines/"
-            }
-        ],
-        "misc_links": [
-            {
-                "text": "Cookies",
-                "url": "https://www.thomsonreuters.com/en/privacy-statement.html#cookies"
-            },
-            {
-                "text": "Terms of Use",
-                "url": "/info-pages/terms-of-use/"
-            },
-            {
-                "text": "Privacy",
-                "url": "https://www.thomsonreuters.com/en/privacy-statement.html"
-            },
-            {
-                "text": "Digital Accessibility",
-                "url": "https://www.thomsonreuters.com/en/policies/digital-accessibility-policy.html"
-            },
-            {
-                "text": "Corrections",
-                "url": "/info-pages/contact-us/"
-            },
-            {
-                "text": "Site Feedback",
-                "url": "https://trdigital.iad1.qualtrics.com/jfe/form/SV_8kte8gArGyCGVhz"
-            },
-            {
-                "text": "Do Not Sell My Personal Information",
-                "url": "javascript:window.OneTrust.ToggleInfoDisplay();",
-                "self": "true"
-            }
-        ]
-    }
-]
+  {
+    "company_description": "Reuters, the news and media division of Thomson Reuters, is the world’s largest multimedia news provider, reaching billions of people worldwide every day. Reuters provides business, financial, national and international news to professionals via desktop terminals, the world's media organizations, industry events and directly to consumers.",
+    "disclaimer_link": "https://www.reuters.com/info-pages/disclaimer/",
+    "copyright_link": "https://www.thomsonreuters.com/en/policies/copyright.html",
+    "copyright_year": "2022",
+    "latest_links": [
+      {
+        "text": "Home",
+        "url": "/",
+        "self": true
+      }
+    ],
+    "browse_links": [
+      {
+        "text": "World",
+        "url": "/world/",
+        "self": true
+      },
+      {
+        "text": "Business",
+        "url": "/business/",
+        "self": true
+      },
+      {
+        "text": "Legal",
+        "url": "/legal/",
+        "self": true
+      },
+      {
+        "text": "Markets",
+        "url": "/markets/",
+        "self": true
+      },
+      {
+        "text": "Breakingviews",
+        "url": "/breakingviews/",
+        "self": true
+      },
+      {
+        "text": "Technology",
+        "url": "/technology/",
+        "self": true
+      },
+      {
+        "text": "Investigations",
+        "url": "/investigates/"
+      },
+      {
+        "text": "Lifestyle",
+        "url": "/lifestyle/",
+        "self": true
+      }
+    ],
+    "media_links": [
+      {
+        "text": "Videos",
+        "url": "https://www.reuters.com/video/",
+        "symbol": "videos"
+      },
+      {
+        "text": "Pictures",
+        "url": "https://www.reuters.com/news/pictures",
+        "symbol": "pictures"
+      },
+      {
+        "text": "Graphics",
+        "url": "https://graphics.reuters.com/",
+        "symbol": "graphics"
+      }
+    ],
+    "about_links": [
+      {
+        "text": "About Reuters",
+        "url": "https://www.reutersagency.com/en/about/about-us/"
+      },
+      {
+        "text": "Careers",
+        "url": "https://www.thomsonreuters.com/en/careers.html"
+      },
+      {
+        "text": "Reuters News Agency",
+        "url": "https://www.reutersagency.com/en/?utm_source=website&utm_medium=reuters&utm_campaign=site-referral&utm_content=us&utm_term=0"
+      },
+      {
+        "text": "Brand Attribution Guidelines",
+        "url": "https://www.reutersagency.com/en/about/about-us/brand-attribution-guidelines/"
+      },
+      {
+        "text": "Reuters Leadership",
+        "url": "https://www.reutersagency.com/en/about/leadership-team/"
+      },
+      {
+        "text": "Reuters Fact Check",
+        "url": "https://www.reuters.com/fact-check/"
+      },
+      {
+        "text": "Reuters Diversity Report",
+        "url": "https://www.reuters.com/DiversityReportApril2022"
+      }
+    ],
+    "stay_informed_links": [
+      {
+        "text": "Download the App",
+        "url": "https://www.reuters.com/tools/mobile/us"
+      },
+      {
+        "text": "Newsletters",
+        "url": "https://newslink.reuters.com/join/subscribe"
+      }
+    ],
+    "social_links": [
+      {
+        "type": "twitter",
+        "url": "https://www.twitter.com/Reuters"
+      },
+      {
+        "type": "facebook",
+        "url": "https://www.facebook.com/Reuters"
+      },
+      {
+        "type": "instagram",
+        "url": "https://www.instagram.com/Reuters"
+      },
+      {
+        "type": "youtube",
+        "url": "https://www.youtube.com/user/ReutersVideo"
+      },
+      {
+        "type": "linkedin",
+        "url": "https://www.linkedin.com/company/10256858/"
+      }
+    ],
+    "tr_products": [
+      {
+        "name": "Westlaw",
+        "description": "Build the strongest argument relying on authoritative content, attorney-editor expertise, and industry defining technology.",
+        "url": "https://legal.thomsonreuters.com/en/products/westlaw"
+      },
+      {
+        "name": "Onesource",
+        "description": "The most comprehensive solution to manage all your complex and ever-expanding tax and compliance needs.",
+        "url": "https://tax.thomsonreuters.com/en/onesource"
+      },
+      {
+        "name": "Checkpoint",
+        "description": "The industry leader for online information for tax, accounting and finance professionals.",
+        "url": "https://tax.thomsonreuters.com/en/checkpoint"
+      }
+    ],
+    "refinitiv_products": [
+      {
+        "name": "Refinitiv Workspace",
+        "description": " Access unmatched financial data, news and content in a highly-customised workflow experience on desktop, web and mobile.",
+        "url": " https://www.refinitiv.com/en/products/refinitiv-workspace"
+      },
+      {
+        "name": "Refinitiv Data Catalogue",
+        "description": " Browse an unrivalled portfolio of real-time and historical market data and insights from worldwide sources and experts.",
+        "url": " https://www.refinitiv.com/en/financial-data"
+      },
+      {
+        "name": "Refinitiv World-Check",
+        "description": "Screen for heightened risk individual and entities globally to help uncover hidden risks in business relationships and human networks.",
+        "url": "https://www.refinitiv.com/en/products/world-check-kyc-screening"
+      }
+    ],
+    "ad_links": [
+      {
+        "text": "Advertise With Us",
+        "url": "https://www.reutersagency.com/en/services/advertising-solutions/"
+      },
+      {
+        "text": "Advertising Guidelines",
+        "url": "/info-pages/advertising-guidelines/"
+      }
+    ],
+    "misc_links": [
+      {
+        "text": "Cookies",
+        "url": "https://www.thomsonreuters.com/en/privacy-statement.html#cookies"
+      },
+      {
+        "text": "Terms of Use",
+        "url": "/info-pages/terms-of-use/"
+      },
+      {
+        "text": "Privacy",
+        "url": "https://www.thomsonreuters.com/en/privacy-statement.html"
+      },
+      {
+        "text": "Digital Accessibility",
+        "url": "https://www.thomsonreuters.com/en/policies/digital-accessibility-policy.html"
+      },
+      {
+        "text": "Corrections",
+        "url": "/info-pages/contact-us/"
+      },
+      {
+        "text": "Site Feedback",
+        "url": "https://trdigital.iad1.qualtrics.com/jfe/form/SV_8kte8gArGyCGVhz"
+      },
+      {
+        "text": "Do Not Sell My Personal Information",
+        "url": "javascript:window.OneTrust.ToggleInfoDisplay();",
+        "self": "true"
+      }
+    ]
+  }
+]

package/dist/components/SiteFooter/stories/docs/component.md

@@ -0,0 +1,11 @@
+Reuters dotcom site footer with graphics referrals, ported from [Raptor UI components](https://github.com/tr/rcom-arc_raptor-ui/tree/develop/packages/rcom-raptor-ui_common/src/components/site-footer).
+
+> **Note:** In the Graphics Kit, you can find this component in `pages/+page.svelte`. Customise it there for the default page.
+
+```svelte
+<script>
+  import { SiteFooter } from '@reuters-graphics/graphics-components';
+</script>
+
+<SiteFooter />
+```

package/dist/components/SiteFooter/stories/docs/customReferrals.md

@@ -0,0 +1,26 @@
+Pass up to four custom referrals to the `referrals` prop.
+
+```svelte
+<script>
+  import { SiteFooter } from '@reuters-graphics/graphics-components';
+
+  const customReferrals = [
+    {
+      url: 'https://graphics.reuters.com/world-coronavirus-tracker-and-maps/',
+      title: 'COVID-19: the latest global statistics, charts and maps',
+      description: 'Tracking the global coronavirus outbreak, updated daily',
+      image:
+        'https://graphics.thomsonreuters.com/cdn/2020/covid-global-tracker/share-cards/global/en/share.png',
+    },
+    {
+      url: 'https://graphics.reuters.com/world-coronavirus-tracker-and-maps/regions/europe',
+      title: 'Coronavirus in Europe: the latest counts, charts and maps',
+      description: 'Tracking the global coronavirus outbreak, updated daily',
+      image:
+        'https://graphics.thomsonreuters.com/cdn/2020/covid-global-tracker/share-cards/regions/en/europe.png',
+    },
+  ];
+</script>
+
+<SiteFooter referrals="{customReferrals}" />
+```

package/dist/components/SiteFooter/stories/docs/darkTheme.md

@@ -0,0 +1,11 @@
+Colours are customised by the [`Theme`](?path=/docs/theming-theme--default) component.
+
+```svelte
+<script>
+  import { SiteFooter, Theme } from '@reuters-graphics/graphics-components';
+</script>
+
+<Theme base="dark">
+  <SiteFooter />
+</Theme>
+```

package/dist/components/SiteFooter/stories/docs/removeReferrals.md

@@ -0,0 +1,9 @@
+Remove graphics referrals.
+
+```svelte
+<script>
+  import { SiteFooter } from '@reuters-graphics/graphics-components';
+</script>
+
+<SiteFooter includeReferrals="{false}" />
+```

package/dist/{@types/components → components}/SiteFooter/svgs/Facebook.svelte.d.ts

@@ -1,8 +1,8 @@
 /** @typedef {typeof __propDef.props}  FacebookProps */
 /** @typedef {typeof __propDef.events}  FacebookEvents */
 /** @typedef {typeof __propDef.slots}  FacebookSlots */
-export default class Facebook extends SvelteComponentTyped<{
-    width?: number;
+export default class Facebook extends SvelteComponent<{
+    width?: number | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}> {
@@ -10,14 +10,16 @@ export default class Facebook extends SvelteComponentTyped<{
 export type FacebookProps = typeof __propDef.props;
 export type FacebookEvents = typeof __propDef.events;
 export type FacebookSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        width?: number;
+        width?: number | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

package/dist/{@types/components → components}/SiteFooter/svgs/Graphics.svelte.d.ts

@@ -1,7 +1,7 @@
 /** @typedef {typeof __propDef.props}  GraphicsProps */
 /** @typedef {typeof __propDef.events}  GraphicsEvents */
 /** @typedef {typeof __propDef.slots}  GraphicsSlots */
-export default class Graphics extends SvelteComponentTyped<{
+export default class Graphics extends SvelteComponent<{
     [x: string]: never;
 }, {
     [evt: string]: CustomEvent<any>;
@@ -10,7 +10,7 @@ export default class Graphics extends SvelteComponentTyped<{
 export type GraphicsProps = typeof __propDef.props;
 export type GraphicsEvents = typeof __propDef.events;
 export type GraphicsSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: never;
@@ -19,5 +19,7 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

package/dist/{@types/components → components}/SiteFooter/svgs/Instagram.svelte.d.ts

@@ -1,8 +1,8 @@
 /** @typedef {typeof __propDef.props}  InstagramProps */
 /** @typedef {typeof __propDef.events}  InstagramEvents */
 /** @typedef {typeof __propDef.slots}  InstagramSlots */
-export default class Instagram extends SvelteComponentTyped<{
-    width?: number;
+export default class Instagram extends SvelteComponent<{
+    width?: number | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}> {
@@ -10,14 +10,16 @@ export default class Instagram extends SvelteComponentTyped<{
 export type InstagramProps = typeof __propDef.props;
 export type InstagramEvents = typeof __propDef.events;
 export type InstagramSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        width?: number;
+        width?: number | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

package/dist/{@types/components → components}/SiteFooter/svgs/LinkedIn.svelte.d.ts

@@ -1,8 +1,8 @@
 /** @typedef {typeof __propDef.props}  LinkedInProps */
 /** @typedef {typeof __propDef.events}  LinkedInEvents */
 /** @typedef {typeof __propDef.slots}  LinkedInSlots */
-export default class LinkedIn extends SvelteComponentTyped<{
-    width?: number;
+export default class LinkedIn extends SvelteComponent<{
+    width?: number | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}> {
@@ -10,14 +10,16 @@ export default class LinkedIn extends SvelteComponentTyped<{
 export type LinkedInProps = typeof __propDef.props;
 export type LinkedInEvents = typeof __propDef.events;
 export type LinkedInSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        width?: number;
+        width?: number | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

package/dist/{@types/components → components}/SiteFooter/svgs/Pictures.svelte.d.ts

@@ -1,7 +1,7 @@
 /** @typedef {typeof __propDef.props}  PicturesProps */
 /** @typedef {typeof __propDef.events}  PicturesEvents */
 /** @typedef {typeof __propDef.slots}  PicturesSlots */
-export default class Pictures extends SvelteComponentTyped<{
+export default class Pictures extends SvelteComponent<{
     [x: string]: never;
 }, {
     [evt: string]: CustomEvent<any>;
@@ -10,7 +10,7 @@ export default class Pictures extends SvelteComponentTyped<{
 export type PicturesProps = typeof __propDef.props;
 export type PicturesEvents = typeof __propDef.events;
 export type PicturesSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: never;
@@ -19,5 +19,7 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};