@reuters-graphics/graphics-components 0.0.1 → 0.0.2

package/dist/@types/components/Article/Article.svelte.d.ts

@@ -27,11 +27,7 @@ declare const __propDef: {
 export declare type ArticleProps = typeof __propDef.props;
 export declare type ArticleEvents = typeof __propDef.events;
 export declare type ArticleSlots = typeof __propDef.slots;
-/**
- * The `Article` component contains all the content of our story and also establishes the dimensions of our article well, the default central trunk of our page layout.
- *
- * [Docs](https://reuters-graphics.github.io/graphics-components/?path=/docs/layout-article--default)
- */
+/** `Article` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/layout-article--default) */
 export default class Article extends SvelteComponentTyped<ArticleProps, ArticleEvents, ArticleSlots> {
 }
 export {};

package/dist/@types/components/BeforeAfter/BeforeAfter.svelte.d.ts

@@ -52,6 +52,7 @@ declare const __propDef: {
 export declare type BeforeAfterProps = typeof __propDef.props;
 export declare type BeforeAfterEvents = typeof __propDef.events;
 export declare type BeforeAfterSlots = typeof __propDef.slots;
+/** `BeforeAfter` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-beforeafter--default) */
 export default class BeforeAfter extends SvelteComponentTyped<BeforeAfterProps, BeforeAfterEvents, BeforeAfterSlots> {
 }
 export {};

package/dist/@types/components/Block/Block.svelte.d.ts

@@ -19,6 +19,7 @@ declare const __propDef: {
 export declare type BlockProps = typeof __propDef.props;
 export declare type BlockEvents = typeof __propDef.events;
 export declare type BlockSlots = typeof __propDef.slots;
+/** `Block` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/layout-block--default) */
 export default class Block extends SvelteComponentTyped<BlockProps, BlockEvents, BlockSlots> {
 }
 export {};

package/dist/@types/components/BodyText/BodyText.svelte.d.ts

@@ -15,6 +15,7 @@ declare const __propDef: {
 export declare type BodyTextProps = typeof __propDef.props;
 export declare type BodyTextEvents = typeof __propDef.events;
 export declare type BodyTextSlots = typeof __propDef.slots;
+/** `BodyText` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-bodytext--default) */
 export default class BodyText extends SvelteComponentTyped<BodyTextProps, BodyTextEvents, BodyTextSlots> {
 }
 export {};

package/dist/@types/components/DatawrapperChart/DatawrapperChart.svelte.d.ts

@@ -47,6 +47,7 @@ declare const __propDef: {
 export declare type DatawrapperChartProps = typeof __propDef.props;
 export declare type DatawrapperChartEvents = typeof __propDef.events;
 export declare type DatawrapperChartSlots = typeof __propDef.slots;
+/** `DatawrapperChart` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-DatawrapperChart--default) */
 export default class DatawrapperChart extends SvelteComponentTyped<DatawrapperChartProps, DatawrapperChartEvents, DatawrapperChartSlots> {
 }
 export {};

package/dist/@types/components/FeaturePhoto/FeaturePhoto.svelte.d.ts

@@ -38,6 +38,7 @@ declare const __propDef: {
 export declare type FeaturePhotoProps = typeof __propDef.props;
 export declare type FeaturePhotoEvents = typeof __propDef.events;
 export declare type FeaturePhotoSlots = typeof __propDef.slots;
+/** `FeaturePhoto` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-FeaturePhoto--default) */
 export default class FeaturePhoto extends SvelteComponentTyped<FeaturePhotoProps, FeaturePhotoEvents, FeaturePhotoSlots> {
 }
 export {};

package/dist/@types/components/GraphicBlock/GraphicBlock.svelte.d.ts

@@ -59,6 +59,7 @@ declare const __propDef: {
 export declare type GraphicBlockProps = typeof __propDef.props;
 export declare type GraphicBlockEvents = typeof __propDef.events;
 export declare type GraphicBlockSlots = typeof __propDef.slots;
+/** `GraphicBlock` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-GraphicBlock--default) */
 export default class GraphicBlock extends SvelteComponentTyped<GraphicBlockProps, GraphicBlockEvents, GraphicBlockSlots> {
 }
 export {};

package/dist/@types/components/Headline/Headline.svelte.d.ts

@@ -24,6 +24,7 @@ declare const __propDef: {
 export declare type HeadlineProps = typeof __propDef.props;
 export declare type HeadlineEvents = typeof __propDef.events;
 export declare type HeadlineSlots = typeof __propDef.slots;
+/** `Headline` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-Headline--default) */
 export default class Headline extends SvelteComponentTyped<HeadlineProps, HeadlineEvents, HeadlineSlots> {
 }
 export {};

package/dist/@types/components/NoteText/NoteText.svelte.d.ts

@@ -15,6 +15,7 @@ declare const __propDef: {
 export declare type NoteTextProps = typeof __propDef.props;
 export declare type NoteTextEvents = typeof __propDef.events;
 export declare type NoteTextSlots = typeof __propDef.slots;
+/** `NoteText` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-NoteText--default) */
 export default class NoteText extends SvelteComponentTyped<NoteTextProps, NoteTextEvents, NoteTextSlots> {
 }
 export {};

package/dist/@types/components/PhotoPack/PhotoPack.svelte.d.ts

@@ -45,6 +45,7 @@ declare const __propDef: {
 export declare type PhotoPackProps = typeof __propDef.props;
 export declare type PhotoPackEvents = typeof __propDef.events;
 export declare type PhotoPackSlots = typeof __propDef.slots;
+/** `PhotoPack` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-PhotoPack--default) */
 export default class PhotoPack extends SvelteComponentTyped<PhotoPackProps, PhotoPackEvents, PhotoPackSlots> {
 }
 export {};

package/dist/@types/components/PymChild/PymChild.svelte.d.ts

@@ -11,6 +11,7 @@ declare const __propDef: {
 export declare type PymChildProps = typeof __propDef.props;
 export declare type PymChildEvents = typeof __propDef.events;
 export declare type PymChildSlots = typeof __propDef.slots;
+/** `PymChild` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/utilities-PymChild--default) */
 export default class PymChild extends SvelteComponentTyped<PymChildProps, PymChildEvents, PymChildSlots> {
 }
 export {};

package/dist/@types/components/ReutersLogo/ReutersLogo.svelte.d.ts

@@ -13,6 +13,7 @@ declare const __propDef: {
 export declare type ReutersLogoProps = typeof __propDef.props;
 export declare type ReutersLogoEvents = typeof __propDef.events;
 export declare type ReutersLogoSlots = typeof __propDef.slots;
+/** `ReutersLogo` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-ReutersLogo--default) */
 export default class ReutersLogo extends SvelteComponentTyped<ReutersLogoProps, ReutersLogoEvents, ReutersLogoSlots> {
 }
 export {};

package/dist/@types/components/SEO/SEO.svelte.d.ts

@@ -67,6 +67,7 @@ declare const __propDef: {
 export declare type SeoProps = typeof __propDef.props;
 export declare type SeoEvents = typeof __propDef.events;
 export declare type SeoSlots = typeof __propDef.slots;
+/** `SEO` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-SEO--default) */
 export default class Seo extends SvelteComponentTyped<SeoProps, SeoEvents, SeoSlots> {
 }
 export {};

package/dist/@types/components/Scroller/Scroller.svelte.d.ts

@@ -71,6 +71,7 @@ declare const __propDef: {
 export declare type ScrollerProps = typeof __propDef.props;
 export declare type ScrollerEvents = typeof __propDef.events;
 export declare type ScrollerSlots = typeof __propDef.slots;
+/** `Scroller` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-Scroller--default) */
 export default class Scroller extends SvelteComponentTyped<ScrollerProps, ScrollerEvents, ScrollerSlots> {
 }
 export {};

package/dist/@types/components/SiteFooter/SiteFooter.svelte.d.ts

@@ -18,6 +18,7 @@ declare const __propDef: {
 export declare type SiteFooterProps = typeof __propDef.props;
 export declare type SiteFooterEvents = typeof __propDef.events;
 export declare type SiteFooterSlots = typeof __propDef.slots;
+/** `SiteFooter` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-SiteFooter--default) */
 export default class SiteFooter extends SvelteComponentTyped<SiteFooterProps, SiteFooterEvents, SiteFooterSlots> {
 }
 export {};

package/dist/@types/components/SiteHeader/SiteHeader.svelte.d.ts

@@ -9,6 +9,7 @@ declare const __propDef: {
 export declare type SiteHeaderProps = typeof __propDef.props;
 export declare type SiteHeaderEvents = typeof __propDef.events;
 export declare type SiteHeaderSlots = typeof __propDef.slots;
+/** `SiteHeader` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-SiteHeader--default) */
 export default class SiteHeader extends SvelteComponentTyped<SiteHeaderProps, SiteHeaderEvents, SiteHeaderSlots> {
 }
 export {};

package/dist/@types/components/Spinner/Spinner.svelte.d.ts

@@ -23,6 +23,7 @@ declare const __propDef: {
 export declare type SpinnerProps = typeof __propDef.props;
 export declare type SpinnerEvents = typeof __propDef.events;
 export declare type SpinnerSlots = typeof __propDef.slots;
+/** `Spinner` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-Spinner--default) */
 export default class Spinner extends SvelteComponentTyped<SpinnerProps, SpinnerEvents, SpinnerSlots> {
 }
 export {};

package/dist/@types/components/Theme/Theme.svelte.d.ts

@@ -49,6 +49,7 @@ declare const __propDef: {
 export declare type ThemeProps = typeof __propDef.props;
 export declare type ThemeEvents = typeof __propDef.events;
 export declare type ThemeSlots = typeof __propDef.slots;
+/** `Theme` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/theming-Theme--default) */
 export default class Theme extends SvelteComponentTyped<ThemeProps, ThemeEvents, ThemeSlots> {
 }
 export {};

package/dist/@types/components/Video/Video.svelte.d.ts

@@ -41,6 +41,7 @@ declare const __propDef: {
 export declare type VideoProps = typeof __propDef.props;
 export declare type VideoEvents = typeof __propDef.events;
 export declare type VideoSlots = typeof __propDef.slots;
+/** `Video` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-Video--default) */
 export default class Video extends SvelteComponentTyped<VideoProps, VideoEvents, VideoSlots> {
 }
 export {};

package/dist/@types/components/Visible/Visible.svelte.d.ts

@@ -24,6 +24,7 @@ declare const __propDef: {
 export declare type VisibleProps = typeof __propDef.props;
 export declare type VisibleEvents = typeof __propDef.events;
 export declare type VisibleSlots = typeof __propDef.slots;
+/** `Visible` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-Visible--default) */
 export default class Visible extends SvelteComponentTyped<VisibleProps, VisibleEvents, VisibleSlots> {
 }
 export {};

package/dist/components/Article/Article.svelte

@@ -1,8 +1,4 @@
-<!-- 
-  @component The `Article` component contains all the content of our story and also establishes the dimensions of our article well, the default central trunk of our page layout.
-  
-  [Docs](https://reuters-graphics.github.io/graphics-components/?path=/docs/layout-article--default)
--->
+<!-- @component `Article` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/layout-article--default) -->
 <script>/** Set to true for embeddables. */
 export let embedded = false;
 /** Add an id to the article tag to target it with custom CSS. */

package/dist/components/BeforeAfter/BeforeAfter.svelte

@@ -1,3 +1,4 @@
+<!-- @component `BeforeAfter` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-beforeafter--default) -->
 <script>import { throttle } from 'lodash-es';
 import { onMount } from 'svelte';
 import Block from '../Block/Block.svelte';

package/dist/components/Block/Block.svelte

@@ -1,3 +1,4 @@
+<!-- @component `Block` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/layout-block--default) -->
 <script>/** Width of the block within the article well. */
 export let width = 'normal';
 /** Add an id to the block tag to target it with custom CSS. */

package/dist/components/BodyText/BodyText.svelte

@@ -1,3 +1,4 @@
+<!-- @component `BodyText` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-bodytext--default) -->
 <script>/**
  * A markdown text string.
  * @type {string}
@@ -190,4 +191,4 @@ import Block from '../Block/Block.svelte';
 }
 :global(div.article-block.body-text.font-sans) {
   font-family: var(--theme-font-family-sans-serif, var(--theme-font-family-sans-serif, "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif)) !important;
-}</style>
+}</style>

package/dist/components/DatawrapperChart/DatawrapperChart.svelte

@@ -1,3 +1,4 @@
+<!-- @component `DatawrapperChart` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-DatawrapperChart--default) -->
 <script>import { onMount, onDestroy } from 'svelte';
 import GraphicBlock from '../GraphicBlock/GraphicBlock.svelte';
 /**

package/dist/components/FeaturePhoto/FeaturePhoto.svelte

@@ -1,3 +1,4 @@
+<!-- @component `FeaturePhoto` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-FeaturePhoto--default) -->
 <script>import { onMount } from 'svelte';
 import Block from '../Block/Block.svelte';
 import PaddingReset from '../PaddingReset/PaddingReset.svelte';

package/dist/components/GraphicBlock/GraphicBlock.svelte

@@ -1,3 +1,4 @@
+<!-- @component `GraphicBlock` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-GraphicBlock--default) -->
 <script>/**
  * Width of the component within the text well.
  * @type {string}

package/dist/components/Headline/Headline.svelte

@@ -1,3 +1,4 @@
+<!-- @component `Headline` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-Headline--default) -->
 <script>/**
  * Headline
  */

package/dist/components/NoteText/NoteText.svelte

@@ -1,3 +1,4 @@
+<!-- @component `NoteText` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-NoteText--default) -->
 <script>/**
  * A markdown text string.
  * @type {string}

package/dist/components/PhotoPack/PhotoPack.svelte

@@ -1,3 +1,4 @@
+<!-- @component `PhotoPack` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-PhotoPack--default) -->
 <script>/**
  * Array of image objects
  * @required

package/dist/components/PymChild/PymChild.svelte

@@ -1,3 +1,4 @@
+<!-- @component `PymChild` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/utilities-PymChild--default) -->
 <script>/** Pym.js polling interval */
 export let polling = 500;
 import { onMount } from 'svelte';
@@ -7,4 +8,4 @@ let pymChild;
 onMount(() => {
     pymChild = new pym.Child({ polling });
 });
-</script>
+</script>

package/dist/components/ReutersLogo/ReutersLogo.svelte

@@ -1,3 +1,4 @@
+<!-- @component `ReutersLogo` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-ReutersLogo--default) -->
 <script>/** "Kinesis" colour */
 export let logoColour = '#FA6400';
 /** Text colour */

package/dist/components/SEO/SEO.svelte

@@ -1,3 +1,4 @@
+<!-- @component `SEO` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-SEO--default) -->
 <script>import analytics from './analytics';
 import publisherTags from './publisherTags';
 /**

package/dist/components/Scroller/Scroller.svelte

@@ -1,3 +1,4 @@
+<!-- @component `Scroller` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-Scroller--default) -->
 <script>/**
  * ID of the scroller container
  * @type {string}
@@ -101,7 +102,7 @@ let progress;
       >
         <div class="scroller-graphic-well">
           <Block
-            width={backgroundWidth}
+            width="{backgroundWidth}"
             cls="background-container step-{index + 1}"
           >
             <Background
@@ -110,7 +111,7 @@ let progress;
               preload="{preload}"
               stackBackground="{stackBackground}"
             />
-        </Block>
+          </Block>
         </div>
       </div>
 

package/dist/components/SiteFooter/SiteFooter.svelte

@@ -1,3 +1,4 @@
+<!-- @component `SiteFooter` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-SiteFooter--default) -->
 <script>import QuickLinks from './QuickLinks.svelte';
 import CompanyLinks from './CompanyLinks.svelte';
 import LegalLinks from './LegalLinks.svelte';

package/dist/components/SiteHeader/SiteHeader.svelte

@@ -1,3 +1,4 @@
+<!-- @component `SiteHeader` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-SiteHeader--default) -->
 <script>import ReutersLogo from '../ReutersLogo/ReutersLogo.svelte';
 import NavBar from './NavBar/index.svelte';
 import data from './data.json';

package/dist/components/Spinner/Spinner.svelte

@@ -1,3 +1,4 @@
+<!-- @component `Spinner` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-Spinner--default) -->
 <script>/** Primary colour of the spinner. */
 export let colour = '#666';
 /**
@@ -20,7 +21,7 @@ export let containerPadding = 10;
 
 <div
   style:width="100%"
-  style:height={`${(width + (containerPadding * 2))}px`}
+  style:height="{`${width + containerPadding * 2}px`}"
   class="component-container"
 >
   <div

package/dist/components/Theme/Theme.svelte

@@ -1,3 +1,4 @@
+<!-- @component `Theme` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/theming-Theme--default) -->
 <script context="module">import light from './themes/light.js';
 import dark from './themes/dark.js';
 /**

package/dist/components/Video/Video.svelte

@@ -1,3 +1,4 @@
+<!-- @component `Video` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-Video--default) -->
 <script>import IntersectionObserver from 'svelte-intersection-observer';
 import Controls from './Controls.svelte';
 import Block from '../Block/Block.svelte';

package/dist/components/Visible/Visible.svelte

@@ -1,3 +1,4 @@
+<!-- @component `Visible` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-Visible--default) -->
 <script>import { onMount } from 'svelte';
 /**
  * Whether to change visibility just once.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reuters-graphics/graphics-components",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "type": "module",
   "private": false,
   "homepage": "https://reuters-graphics.github.io/graphics-components",