@reuters-graphics/graphics-components 1.1.7 → 2.0.0

package/dist/components/SiteFooter/SiteFooter.stories.svelte

@@ -1,47 +1,24 @@
-<script>
-  import { Meta, Template, Story } from '@storybook/addon-svelte-csf';
+<script context="module">import componentDocs from "./stories/docs/component.md?raw";
+import darkThemeDocs from "./stories/docs/darkTheme.md?raw";
+import removeReferralsDocs from "./stories/docs/removeReferrals.md?raw";
+import SiteFooter from "./SiteFooter.svelte";
+import {
+  withComponentDocs,
+  withStoryDocs
+} from "../../lib/docs/utils/withParams.js";
+export const meta = {
+  title: "Components/Page furniture/SiteFooter",
+  component: SiteFooter,
+  ...withComponentDocs(componentDocs)
+};
+</script>
 
-  // @ts-ignore raw
-  import componentDocs from './stories/docs/component.md?raw';
-  // @ts-ignore raw
-  import darkThemeDocs from './stories/docs/darkTheme.md?raw';
-  // @ts-ignore raw
-  import customReferralsDocs from './stories/docs/customReferrals.md?raw';
-  // @ts-ignore raw
-  import removeReferralsDocs from './stories/docs/removeReferrals.md?raw';
+<script>
+  import { Template, Story } from '@storybook/addon-svelte-csf';
 
-  import SiteFooter from './SiteFooter.svelte';
   import Theme from '../Theme/Theme.svelte';
-
-  import {
-    withComponentDocs,
-    withStoryDocs,
-  } from '../../lib/docs/utils/withParams.js';
-
-  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>
 
-<Meta
-  title="Components/SiteFooter"
-  component="{SiteFooter}"
-  {...withComponentDocs(componentDocs)}
-/>
-
 <Template let:args>
   <div>
     <SiteFooter {...args} />
@@ -58,14 +35,6 @@
   </div>
 </Story>
 
-<Story
-  name="Customised referrals"
-  args="{{
-    referrals: customReferrals,
-  }}"
-  {...withStoryDocs(customReferralsDocs)}
-/>
-
 <Story
   name="Remove referrals"
   args="{{ includeReferrals: false }}"

package/dist/components/SiteFooter/SiteFooter.stories.svelte.d.ts

@@ -1,25 +1,23 @@
-/** @typedef {typeof __propDef.props}  SiteFooterProps */
-/** @typedef {typeof __propDef.events}  SiteFooterEvents */
-/** @typedef {typeof __propDef.slots}  SiteFooterSlots */
-export default class SiteFooter extends SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type SiteFooterProps = typeof __propDef.props;
-export type SiteFooterEvents = typeof __propDef.events;
-export type SiteFooterSlots = typeof __propDef.slots;
 import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: never;
+export declare const meta: {
+    parameters: {
+        docs: any;
     };
+    title: string;
+    component: typeof SiteFooter;
+};
+declare const __propDef: {
+    props: Record<string, never>;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
-    exports?: undefined;
-    bindings?: undefined;
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
+export type SiteFooterProps = typeof __propDef.props;
+export type SiteFooterEvents = typeof __propDef.events;
+export type SiteFooterSlots = typeof __propDef.slots;
+export default class SiteFooter extends SvelteComponent<SiteFooterProps, SiteFooterEvents, SiteFooterSlots> {
+}
 export {};

package/dist/components/SiteFooter/SiteFooter.svelte

@@ -1,11 +1,11 @@
-<!-- @component `SiteFooter` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-SiteFooter--default) -->
+<!-- @component `SiteFooter` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-page-furniture-sitefooter--docs) -->
 <script>import QuickLinks from "./QuickLinks.svelte";
 import CompanyLinks from "./CompanyLinks.svelte";
 import LegalLinks from "./LegalLinks.svelte";
-import Referrals from "./Referrals/index.svelte";
+import ReferralBlock from "../ReferralBlock/ReferralBlock.svelte";
+import PaddingReset from "../PaddingReset/PaddingReset.svelte";
 import starterData from "./data.json";
 import { onMount } from "svelte";
-export let referrals = [];
 export let includeReferrals = true;
 let data = starterData;
 onMount(async () => {
@@ -39,7 +39,13 @@ onMount(async () => {
 >
   <div>
     {#if includeReferrals}
-      <Referrals {referrals} />
+      <PaddingReset>
+        <ReferralBlock
+          heading="More from Reuters Graphics"
+          collection="graphics"
+          class="fpy-4"
+        />
+      </PaddingReset>
     {/if}
     <QuickLinks links="{data[0]}" />
     <CompanyLinks links="{data[0]}" />

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

@@ -1,14 +1,6 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        /**
-           * Custom referrals to other Reuters Graphics projects
-           */ referrals?: {
-            url: URL;
-            image: URL;
-            title: string;
-            description?: string;
-        }[];
         /**
            * Set to `false` to remove graphics referrals
            */ includeReferrals?: boolean;
@@ -23,7 +15,7 @@ declare const __propDef: {
 export type SiteFooterProps = typeof __propDef.props;
 export type SiteFooterEvents = typeof __propDef.events;
 export type SiteFooterSlots = typeof __propDef.slots;
-/** `SiteFooter` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-SiteFooter--default) */
+/** `SiteFooter` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-page-furniture-sitefooter--docs) */
 export default class SiteFooter extends SvelteComponent<SiteFooterProps, SiteFooterEvents, SiteFooterSlots> {
 }
 export {};

package/dist/components/SiteFooter/svgs/Twitter.svelte

@@ -3,13 +3,15 @@
 </script>
 
 <svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 30 30"
+  aria-labelledby="TwitterIconId"
+  role="presentation"
   aria-hidden="true"
   focusable="false"
-  xmlns="http://www.w3.org/2000/svg"
-  viewBox="0 0 16 13"
   style="width: {width}px;"
-  ><path
-    d="M16 1.537a6.469 6.469 0 0 1-1.884.516A3.3 3.3 0 0 0 15.559.237a6.603 6.603 0 0 1-2.084.797A3.282 3.282 0 0 0 11.078 0a3.28 3.28 0 0 0-3.196 4.028A9.315 9.315 0 0 1 1.118.598a3.28 3.28 0 0 0-.444 1.65c0 1.137.578 2.143 1.46 2.73A3.281 3.281 0 0 1 .646 4.57v.04A3.282 3.282 0 0 0 3.28 7.83a3.286 3.286 0 0 1-1.483.055 3.294 3.294 0 0 0 3.065 2.282A6.583 6.583 0 0 1 0 11.526 9.281 9.281 0 0 0 5.034 13c6.036 0 9.338-5.003 9.338-9.34 0-.144-.003-.285-.01-.425A6.607 6.607 0 0 0 16 1.538Z"
+  ><title id="TwitterIconId">X</title><path
+    d="M17.923 14.387 25.569 5.5h-1.812l-6.64 7.717L11.817 5.5H5.7l8.018 11.67L5.7 26.49h1.812l7.01-8.15 5.6 8.15h6.116l-8.316-12.102Zm-2.482 2.885-.812-1.162-6.464-9.246h2.783l5.216 7.462.813 1.162 6.78 9.7h-2.782l-5.534-7.915Z"
   ></path></svg
 >
 

package/dist/components/SiteHeader/SiteHeader.stories.svelte

@@ -1,29 +1,26 @@
-<script>
-  import { Meta, Template, Story } from '@storybook/addon-svelte-csf';
+<script context="module">import componentDocs from "./stories/docs/component.md?raw";
+import darkThemeDocs from "./stories/docs/darkTheme.md?raw";
+import SiteHeader from "./SiteHeader.svelte";
+import {
+  withComponentDocs,
+  withStoryDocs
+} from "../../lib/docs/utils/withParams.js";
+export const meta = {
+  title: "Components/Page furniture/SiteHeader",
+  component: SiteHeader,
+  ...withComponentDocs(componentDocs),
+  argsTypes: {
+    themes: { control: { disable: true } }
+  }
+};
+</script>
 
-  // @ts-ignore raw
-  import componentDocs from './stories/docs/component.md?raw';
-  // @ts-ignore raw
-  import darkThemeDocs from './stories/docs/darkTheme.md?raw';
+<script>
+  import { Template, Story } from '@storybook/addon-svelte-csf';
 
-  import SiteHeader from './SiteHeader.svelte';
   import Theme from '../Theme/Theme.svelte';
-
-  import {
-    withComponentDocs,
-    withStoryDocs,
-  } from '../../lib/docs/utils/withParams.js';
-
-  const metaProps = {
-    ...withComponentDocs(componentDocs),
-    argsTypes: {
-      themes: { control: { disable: true } },
-    },
-  };
 </script>
 
-<Meta title="Components/SiteHeader" component="{SiteHeader}" {...metaProps} />
-
 <Template let:args>
   <div>
     <SiteHeader {...args} />

package/dist/components/SiteHeader/SiteHeader.stories.svelte.d.ts

@@ -1,25 +1,30 @@
-/** @typedef {typeof __propDef.props}  SiteHeaderProps */
-/** @typedef {typeof __propDef.events}  SiteHeaderEvents */
-/** @typedef {typeof __propDef.slots}  SiteHeaderSlots */
-export default class SiteHeader extends SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type SiteHeaderProps = typeof __propDef.props;
-export type SiteHeaderEvents = typeof __propDef.events;
-export type SiteHeaderSlots = typeof __propDef.slots;
 import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: never;
+export declare const meta: {
+    argsTypes: {
+        themes: {
+            control: {
+                disable: boolean;
+            };
+        };
+    };
+    parameters: {
+        docs: any;
     };
+    title: string;
+    component: typeof SiteHeader;
+};
+declare const __propDef: {
+    props: Record<string, never>;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
-    exports?: undefined;
-    bindings?: undefined;
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
+export type SiteHeaderProps = typeof __propDef.props;
+export type SiteHeaderEvents = typeof __propDef.events;
+export type SiteHeaderSlots = typeof __propDef.slots;
+export default class SiteHeader extends SvelteComponent<SiteHeaderProps, SiteHeaderEvents, SiteHeaderSlots> {
+}
 export {};

package/dist/components/SiteHeader/SiteHeader.svelte

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

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

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

package/dist/components/SiteHeadline/SiteHeadline.stories.svelte

@@ -5,7 +5,7 @@
   import componentDocs from './stories/docs/component.md?raw';
 
   export const meta = {
-    title: 'Components/SiteHeadline',
+    title: 'Components/Text elements/SiteHeadline',
     component: SiteHeadline,
     ...withComponentDocs(componentDocs),
     argTypes: {
@@ -21,7 +21,7 @@
   import { Template, Story } from '@storybook/addon-svelte-csf';
 
   // @ts-ignore raw
-  import quickitDocs from './stories/docs/quickit.md?raw';
+  import archieML from './stories/docs/archieML.md?raw';
 
   import { withStoryDocs } from '../../lib/docs/utils/withParams.js';
 
@@ -56,7 +56,7 @@
   }}"
 />
 
-<Story name="🚀 QUICKIT" {...withStoryDocs(quickitDocs)}>
+<Story name="ArchieML" {...withStoryDocs(archieML)}>
   <SiteHeadline
     hed="{content.Hed}"
     section="{content.Section}"

package/dist/components/SiteHeadline/SiteHeadline.svelte

@@ -1,3 +1,4 @@
+<!-- @component `SiteHeadline` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-text-elements-siteheadline--docs) -->
 <script>export let hed = "Reuters Graphics Interactive";
 export let hedSize = "normal";
 export let section = "Graphics";

package/dist/components/SiteHeadline/SiteHeadline.svelte.d.ts

@@ -49,6 +49,7 @@ declare const __propDef: {
 export type SiteHeadlineProps = typeof __propDef.props;
 export type SiteHeadlineEvents = typeof __propDef.events;
 export type SiteHeadlineSlots = typeof __propDef.slots;
+/** `SiteHeadline` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-text-elements-siteheadline--docs) */
 export default class SiteHeadline extends SvelteComponent<SiteHeadlineProps, SiteHeadlineEvents, SiteHeadlineSlots> {
 }
 export {};

package/dist/components/Spinner/Spinner.stories.svelte

@@ -1,28 +1,25 @@
-<script>
-  import { Meta, Template, Story } from '@storybook/addon-svelte-csf';
-
-  // @ts-ignore raw
-  import componentDocs from './stories/docs/component.md?raw';
-
-  import Spinner from './Spinner.svelte';
-
-  import { withComponentDocs } from '../../lib/docs/utils/withParams.js';
-
-  const metaProps = {
-    ...withComponentDocs(componentDocs),
-    argTypes: {
-      colour: { control: 'color' },
-      ringWidth: { control: { type: 'range', min: 2, max: 20, step: 1 } },
-      width: { control: { type: 'range', min: 5, max: 100, step: 5 } },
-      speed: { control: { type: 'range', min: 0.2, max: 1.0, step: 0.1 } },
-      containerPadding: {
-        control: { type: 'range', min: 5, max: 100, step: 5 },
-      },
-    },
-  };
+<script context="module">import componentDocs from "./stories/docs/component.md?raw";
+import Spinner from "./Spinner.svelte";
+import { withComponentDocs } from "../../lib/docs/utils/withParams.js";
+export const meta = {
+  title: "Components/Utilities/Spinner",
+  component: Spinner,
+  ...withComponentDocs(componentDocs),
+  argTypes: {
+    colour: { control: "color" },
+    ringWidth: { control: { type: "range", min: 2, max: 20, step: 1 } },
+    width: { control: { type: "range", min: 5, max: 100, step: 5 } },
+    speed: { control: { type: "range", min: 0.2, max: 1, step: 0.1 } },
+    containerPadding: {
+      control: { type: "range", min: 5, max: 100, step: 5 }
+    }
+  }
+};
 </script>
 
-<Meta title="Components/Spinner" component="{Spinner}" {...metaProps} />
+<script>
+  import { Template, Story } from '@storybook/addon-svelte-csf';
+</script>
 
 <Template let:args>
   <Spinner {...args} />

package/dist/components/Spinner/Spinner.stories.svelte.d.ts

@@ -1,25 +1,60 @@
-/** @typedef {typeof __propDef.props}  SpinnerProps */
-/** @typedef {typeof __propDef.events}  SpinnerEvents */
-/** @typedef {typeof __propDef.slots}  SpinnerSlots */
-export default class Spinner extends SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type SpinnerProps = typeof __propDef.props;
-export type SpinnerEvents = typeof __propDef.events;
-export type SpinnerSlots = typeof __propDef.slots;
 import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: never;
+export declare const meta: {
+    argTypes: {
+        colour: {
+            control: string;
+        };
+        ringWidth: {
+            control: {
+                type: string;
+                min: number;
+                max: number;
+                step: number;
+            };
+        };
+        width: {
+            control: {
+                type: string;
+                min: number;
+                max: number;
+                step: number;
+            };
+        };
+        speed: {
+            control: {
+                type: string;
+                min: number;
+                max: number;
+                step: number;
+            };
+        };
+        containerPadding: {
+            control: {
+                type: string;
+                min: number;
+                max: number;
+                step: number;
+            };
+        };
+    };
+    parameters: {
+        docs: any;
     };
+    title: string;
+    component: typeof Spinner;
+};
+declare const __propDef: {
+    props: Record<string, never>;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
-    exports?: undefined;
-    bindings?: undefined;
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
+export type SpinnerProps = typeof __propDef.props;
+export type SpinnerEvents = typeof __propDef.events;
+export type SpinnerSlots = typeof __propDef.slots;
+export default class Spinner extends SvelteComponent<SpinnerProps, SpinnerEvents, SpinnerSlots> {
+}
 export {};

package/dist/components/Spinner/Spinner.svelte

@@ -1,4 +1,4 @@
-<!-- @component `Spinner` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-Spinner--default) -->
+<!-- @component `Spinner` [Read the docs.](https://reuters-graphics.github.io/graphics-components/?path=/docs/components-utilities-spinner--docs) -->
 <script>export let colour = "#666";
 export let width = 40;
 export let ringWidth = 6;

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

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

package/dist/components/Table/Select.svelte

@@ -24,14 +24,7 @@ function input(event) {
   </select>
 </div>
 
-<style>/* Generated from 
-https://utopia.fyi/space/calculator/?c=320,18,1.125,1280,21,1.25,7,3,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12
-*/
-/* Generated from 
-https://utopia.fyi/space/calculator/?c=320,18,1.125,1280,21,1.25,7,3,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12
-*/
-/* Scales by 1.125 */
-.select {
+<style>.select {
   width: 250px;
 }
 .select .select--input {

package/dist/components/Table/Table.stories.svelte

@@ -1,47 +1,34 @@
-<script>
-  import { Meta, Template, Story } from '@storybook/addon-svelte-csf';
-
-  // @ts-ignore raw
-  import componentDocs from './stories/docs/component.md?raw';
-  // @ts-ignore raw
-  import metadataDocs from './stories/docs/metadata.md?raw';
-  // @ts-ignore raw
-  import truncateDocs from './stories/docs/truncate.md?raw';
-  // @ts-ignore raw
-  import paginateDocs from './stories/docs/paginate.md?raw';
-  // @ts-ignore raw
-  import searchDocs from './stories/docs/search.md?raw';
-  // @ts-ignore raw
-  import filterDocs from './stories/docs/filter.md?raw';
-  // @ts-ignore raw
-  import bothDocs from './stories/docs/both.md?raw';
-  // @ts-ignore raw
-  import sortDocs from './stories/docs/sort.md?raw';
-  // @ts-ignore raw
-  import formatDocs from './stories/docs/format.md?raw';
-  // @ts-ignore raw
-  import styleDocs from './stories/docs/style.md?raw';
-
-  import Table from './Table.svelte';
-
-  import { withComponentDocs, withStoryDocs } from '$docs/utils/withParams.js';
-
-  import pressFreedom from './stories/pressFreedom.json';
-  import homeRuns from './stories/homeRuns.json';
-  import richestWomen from './stories/richestWomen.json';
-
-  const metaProps = {
-    ...withComponentDocs(componentDocs),
-    argTypes: {
-      width: {
-        control: 'select',
-        options: ['normal', 'wide', 'wider', 'widest', 'fluid'],
-      },
-    },
-  };
+<script context="module">import componentDocs from "./stories/docs/component.md?raw";
+import metadataDocs from "./stories/docs/metadata.md?raw";
+import truncateDocs from "./stories/docs/truncate.md?raw";
+import paginateDocs from "./stories/docs/paginate.md?raw";
+import searchDocs from "./stories/docs/search.md?raw";
+import filterDocs from "./stories/docs/filter.md?raw";
+import bothDocs from "./stories/docs/both.md?raw";
+import sortDocs from "./stories/docs/sort.md?raw";
+import formatDocs from "./stories/docs/format.md?raw";
+import styleDocs from "./stories/docs/style.md?raw";
+import Table from "./Table.svelte";
+import { withComponentDocs, withStoryDocs } from "$docs/utils/withParams.js";
+export const meta = {
+  title: "Components/Text elements/Table",
+  component: Table,
+  ...withComponentDocs(componentDocs),
+  argTypes: {
+    width: {
+      control: "select",
+      options: ["normal", "wide", "wider", "widest", "fluid"]
+    }
+  }
+};
 </script>
 
-<Meta title="Components/Table" component="{Table}" {...metaProps} />
+<script>import { Template, Story } from "@storybook/addon-svelte-csf";
+import pressFreedom from "./stories/pressFreedom.json";
+import homeRuns from "./stories/homeRuns.json";
+import richestWomen from "./stories/richestWomen.json";
+const currencyFormat = (v) => "$" + v.toFixed(1);
+</script>
 
 <Template let:args>
   <Table {...args} />
@@ -152,7 +139,7 @@
     sortable: true,
     sortField: 'Net worth (in billions)',
     sortDirection: 'descending',
-    fieldFormatters: { 'Net worth (in billions)': (v) => '$' + v.toFixed(1) },
+    fieldFormatters: { 'Net worth (in billions)': currencyFormat },
   }}"
 />
 
@@ -165,5 +152,4 @@
     title: 'The Richest Women in the World',
     source: 'Source: Forbes',
   }}"
-  ,
 />

package/dist/components/Table/Table.stories.svelte.d.ts

@@ -1,25 +1,29 @@
-/** @typedef {typeof __propDef.props}  TableProps */
-/** @typedef {typeof __propDef.events}  TableEvents */
-/** @typedef {typeof __propDef.slots}  TableSlots */
-export default class Table extends SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type TableProps = typeof __propDef.props;
-export type TableEvents = typeof __propDef.events;
-export type TableSlots = typeof __propDef.slots;
 import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: never;
+export declare const meta: {
+    argTypes: {
+        width: {
+            control: string;
+            options: string[];
+        };
+    };
+    parameters: {
+        docs: any;
     };
+    title: string;
+    component: typeof Table;
+};
+declare const __propDef: {
+    props: Record<string, never>;
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
-    exports?: undefined;
-    bindings?: undefined;
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
+export type TableProps = typeof __propDef.props;
+export type TableEvents = typeof __propDef.events;
+export type TableSlots = typeof __propDef.slots;
+export default class Table extends SvelteComponent<TableProps, TableEvents, TableSlots> {
+}
 export {};