@onsvisual/svelte-components 0.0.2 → 0.0.4

package/README.md

@@ -1,5 +1,7 @@
-# ⚙️ graphics-components
+# @onsvisual/svelte-components
+
+[![npm version](https://badge.fury.io/js/@onsvisual%2Fsvelte-components.svg)](https://www.npmjs.com/package/@onsvisual/svelte-components)
+
+A library of ONS Svelte components for projects large and small. Its codebase and docs borrow **heavily** from Reuters' fantastic [graphics-components](https://github.com/reuters-graphics/graphics-components) library.
 
-[![npm version](https://badge.fury.io/js/@reuters-graphics%2Fgraphics-components.svg)](https://badge.fury.io/js/@reuters-graphics%2Fgraphics-components)
 
-This is a fork of the Reuters [graphics-components](https://github.com/reuters-graphics/graphics-components) repo, for experimentation.

package/dist/@types/decorators/Blockquote/Blockquote.svelte.d.ts

@@ -0,0 +1,27 @@
+/** @typedef {typeof __propDef.props}  BlockquoteProps */
+/** @typedef {typeof __propDef.events}  BlockquoteEvents */
+/** @typedef {typeof __propDef.slots}  BlockquoteSlots */
+export default class Blockquote extends SvelteComponentTyped<{
+    attribution?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> {
+}
+export type BlockquoteProps = typeof __propDef.props;
+export type BlockquoteEvents = typeof __propDef.events;
+export type BlockquoteSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        attribution?: string;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export {};

package/dist/@types/index.d.ts

@@ -1,12 +1,12 @@
-export { default as Accordion } from "./components/layout/Accordion/Accordion.svelte";
-export { default as Container } from "./components/layout/Container/Container.svelte";
-export { default as Footer } from "./components/layout/Footer/Footer.svelte";
-export { default as Header } from "./components/layout/Header/Header.svelte";
-export { default as Theme } from "./components/layout/Theme/Theme.svelte";
-export { default as Twisty } from "./components/layout/Twisty/Twisty.svelte";
-export { default as Button } from "./components/ui/Button/Button.svelte";
-export { default as Dropdown } from "./components/ui/Dropdown/Dropdown.svelte";
-export { default as Em } from "./components/ui/Em/Em.svelte";
-export { default as Input } from "./components/ui/Input/Input.svelte";
-export { default as Select } from "./components/ui/Select/Select.svelte";
-export { default as Textarea } from "./components/ui/Textarea/Textarea.svelte";
+export { default as Theme } from "./wrappers/Theme/Theme.svelte";
+export { default as Container } from "./wrappers/Container/Container.svelte";
+export { default as Accordion } from "./layout/Accordion/Accordion.svelte";
+export { default as Footer } from "./layout/Footer/Footer.svelte";
+export { default as Header } from "./layout/Header/Header.svelte";
+export { default as Twisty } from "./layout/Twisty/Twisty.svelte";
+export { default as Button } from "./inputs/Button/Button.svelte";
+export { default as Dropdown } from "./inputs/Dropdown/Dropdown.svelte";
+export { default as Em } from "./decorators/Em/Em.svelte";
+export { default as Input } from "./inputs/Input/Input.svelte";
+export { default as Select } from "./inputs/Select/Select.svelte";
+export { default as Textarea } from "./inputs/Textarea/Textarea.svelte";

package/dist/@types/js/docsPage.d.ts

@@ -0,0 +1,25 @@
+export namespace parameters {
+    let viewMode: string;
+    namespace previewTabs {
+        namespace canvas {
+            let hidden: boolean;
+        }
+    }
+    let toolbar: {
+        zoom: {
+            hidden: boolean;
+        };
+        eject: {
+            hidden: boolean;
+        };
+        fullscreen: {
+            hidden: boolean;
+        };
+        "storybook/background": {
+            hidden: boolean;
+        };
+        "storybook/outline": {
+            hidden: boolean;
+        };
+    };
+}

package/dist/@types/js/withParams.d.ts

@@ -0,0 +1,15 @@
+export function withSource(source: object, otherOptions?: object): {
+    parameters: {
+        docs: any;
+    };
+};
+export function withStoryDocs(storyDocs: string, otherOptions?: object): {
+    parameters: {
+        docs: any;
+    };
+};
+export function withComponentDocs(componentDocs: string, otherOptions?: object): {
+    parameters: {
+        docs: any;
+    };
+};

package/dist/@types/layout/Divider/Divider.svelte.d.ts

@@ -0,0 +1,33 @@
+/** @typedef {typeof __propDef.props}  DividerProps */
+/** @typedef {typeof __propDef.events}  DividerEvents */
+/** @typedef {typeof __propDef.slots}  DividerSlots */
+export default class Divider extends SvelteComponentTyped<{
+    theme?: "light" | "dark" | "lightblue";
+    width?: "narrow" | "medium" | "wide" | "full";
+    marginTop?: boolean;
+    marginBottom?: boolean;
+    themeOverrides?: any;
+    hr?: boolean;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type DividerProps = typeof __propDef.props;
+export type DividerEvents = typeof __propDef.events;
+export type DividerSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        theme?: "light" | "dark" | "lightblue";
+        width?: "narrow" | "medium" | "wide" | "full";
+        marginTop?: boolean;
+        marginBottom?: boolean;
+        themeOverrides?: object;
+        hr?: boolean;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/dist/@types/layout/Filler/Filler.svelte.d.ts

@@ -0,0 +1,41 @@
+/** @typedef {typeof __propDef.props}  FillerProps */
+/** @typedef {typeof __propDef.events}  FillerEvents */
+/** @typedef {typeof __propDef.slots}  FillerSlots */
+export default class Filler extends SvelteComponentTyped<{
+    theme?: "light" | "dark" | "lightblue";
+    background?: string;
+    width?: "narrow" | "medium" | "wide" | "full";
+    height?: "full" | "auto" | "tall";
+    marginTop?: boolean;
+    marginBottom?: boolean;
+    themeOverrides?: any;
+    id?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> {
+}
+export type FillerProps = typeof __propDef.props;
+export type FillerEvents = typeof __propDef.events;
+export type FillerSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        theme?: "light" | "dark" | "lightblue";
+        background?: string;
+        width?: "narrow" | "medium" | "wide" | "full";
+        height?: "auto" | "tall" | "full";
+        marginTop?: boolean;
+        marginBottom?: boolean;
+        themeOverrides?: object;
+        id?: string;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export {};

package/dist/@types/layout/Grid/Grid.svelte.d.ts

@@ -0,0 +1,45 @@
+/** @typedef {typeof __propDef.props}  GridProps */
+/** @typedef {typeof __propDef.events}  GridEvents */
+/** @typedef {typeof __propDef.slots}  GridSlots */
+export default class Grid extends SvelteComponentTyped<{
+    theme?: "light" | "dark" | "lightblue";
+    width?: "narrow" | "medium" | "wide" | "full";
+    height?: string | number;
+    marginTop?: boolean;
+    marginBottom?: boolean;
+    themeOverrides?: any;
+    id?: string;
+    colwidth?: "narrow" | "medium" | "wide" | "full";
+    caption?: string;
+    gap?: number;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> {
+}
+export type GridProps = typeof __propDef.props;
+export type GridEvents = typeof __propDef.events;
+export type GridSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        theme?: "light" | "dark" | "lightblue";
+        width?: "narrow" | "medium" | "wide" | "full";
+        height?: number | string;
+        marginTop?: boolean;
+        marginBottom?: boolean;
+        themeOverrides?: object;
+        id?: string;
+        colwidth?: "narrow" | "medium" | "wide" | "full";
+        caption?: string;
+        gap?: number;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export {};

package/dist/@types/layout/Hero/Hero.svelte.d.ts

@@ -0,0 +1,43 @@
+/** @typedef {typeof __propDef.props}  HeroProps */
+/** @typedef {typeof __propDef.events}  HeroEvents */
+/** @typedef {typeof __propDef.slots}  HeroSlots */
+export default class Hero extends SvelteComponentTyped<{
+    theme?: "light" | "dark" | "lightblue";
+    background?: string;
+    width?: "narrow" | "medium" | "wide" | "full";
+    height?: "full" | "auto" | "tall";
+    themeOverrides?: any;
+    title?: string;
+    id?: string;
+    lede?: string;
+    date?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> {
+}
+export type HeroProps = typeof __propDef.props;
+export type HeroEvents = typeof __propDef.events;
+export type HeroSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        theme?: "light" | "dark" | "lightblue";
+        background?: string;
+        width?: "narrow" | "medium" | "wide" | "full";
+        height?: "auto" | "tall" | "full";
+        themeOverrides?: object;
+        title?: string;
+        id?: string;
+        lede?: string;
+        date?: string;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export {};

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

@@ -0,0 +1,51 @@
+/** @typedef {typeof __propDef.props}  ScrollerProps */
+/** @typedef {typeof __propDef.events}  ScrollerEvents */
+/** @typedef {typeof __propDef.slots}  ScrollerSlots */
+export default class Scroller extends SvelteComponentTyped<{
+    marginBottom?: boolean;
+    id?: string;
+    progress?: number;
+    splitscreen?: boolean;
+    threshold?: number;
+    count?: number;
+    index?: number;
+    sectionId?: string;
+    offset?: number;
+    visible?: boolean;
+}, {
+    change: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    background: {};
+    foreground: {};
+}> {
+}
+export type ScrollerProps = typeof __propDef.props;
+export type ScrollerEvents = typeof __propDef.events;
+export type ScrollerSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        marginBottom?: boolean;
+        id?: string;
+        progress?: number;
+        splitscreen?: boolean;
+        threshold?: number;
+        count?: number;
+        index?: number;
+        sectionId?: string;
+        offset?: number;
+        visible?: boolean;
+    };
+    events: {
+        change: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        background: {};
+        foreground: {};
+    };
+};
+export {};

package/dist/@types/layout/Scroller/ScrollerSection.svelte.d.ts

@@ -0,0 +1,33 @@
+/** @typedef {typeof __propDef.props}  ScrollerSectionProps */
+/** @typedef {typeof __propDef.events}  ScrollerSectionEvents */
+/** @typedef {typeof __propDef.slots}  ScrollerSectionSlots */
+export default class ScrollerSection extends SvelteComponentTyped<{
+    theme?: "light" | "dark" | "lightblue";
+    title?: string;
+    id?: string;
+    hideTitle?: boolean;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> {
+}
+export type ScrollerSectionProps = typeof __propDef.props;
+export type ScrollerSectionEvents = typeof __propDef.events;
+export type ScrollerSectionSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        theme?: "light" | "dark" | "lightblue";
+        title?: string;
+        id?: string;
+        hideTitle?: boolean;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export {};

package/dist/@types/layout/Section/Section.svelte.d.ts

@@ -0,0 +1,41 @@
+/** @typedef {typeof __propDef.props}  SectionProps */
+/** @typedef {typeof __propDef.events}  SectionEvents */
+/** @typedef {typeof __propDef.slots}  SectionSlots */
+export default class Section extends SvelteComponentTyped<{
+    theme?: "light" | "dark" | "lightblue";
+    width?: "narrow" | "medium" | "wide" | "full";
+    marginTop?: boolean;
+    marginBottom?: boolean;
+    themeOverrides?: any;
+    title?: string;
+    id?: string;
+    hideTitle?: boolean;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> {
+}
+export type SectionProps = typeof __propDef.props;
+export type SectionEvents = typeof __propDef.events;
+export type SectionSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        theme?: "light" | "dark" | "lightblue";
+        width?: "narrow" | "medium" | "wide" | "full";
+        marginTop?: boolean;
+        marginBottom?: boolean;
+        themeOverrides?: object;
+        title?: string;
+        id?: string;
+        hideTitle?: boolean;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export {};

package/dist/@types/layout/TitleBlock/Meta.svelte.d.ts

@@ -0,0 +1,23 @@
+/** @typedef {typeof __propDef.props}  MetaProps */
+/** @typedef {typeof __propDef.events}  MetaEvents */
+/** @typedef {typeof __propDef.slots}  MetaSlots */
+export default class Meta extends SvelteComponentTyped<{
+    meta?: any;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type MetaProps = typeof __propDef.props;
+export type MetaEvents = typeof __propDef.events;
+export type MetaSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        meta?: any;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/dist/@types/layout/TitleBlock/TitleBlock.svelte.d.ts

@@ -0,0 +1,23 @@
+/** @typedef {typeof __propDef.props}  TitleBlockProps */
+/** @typedef {typeof __propDef.events}  TitleBlockEvents */
+/** @typedef {typeof __propDef.slots}  TitleBlockSlots */
+export default class TitleBlock extends SvelteComponentTyped<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type TitleBlockProps = typeof __propDef.props;
+export type TitleBlockEvents = typeof __propDef.events;
+export type TitleBlockSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: never;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/dist/@types/wrappers/Embed/Embed.svelte.d.ts

@@ -0,0 +1,27 @@
+/** @typedef {typeof __propDef.props}  EmbedProps */
+/** @typedef {typeof __propDef.events}  EmbedEvents */
+/** @typedef {typeof __propDef.slots}  EmbedSlots */
+export default class Embed extends SvelteComponentTyped<{
+    pymChild?: any;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> {
+}
+export type EmbedProps = typeof __propDef.props;
+export type EmbedEvents = typeof __propDef.events;
+export type EmbedSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        pymChild?: object;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export {};

package/dist/@types/wrappers/Main/Main.svelte.d.ts

@@ -0,0 +1,27 @@
+/** @typedef {typeof __propDef.props}  MainProps */
+/** @typedef {typeof __propDef.events}  MainEvents */
+/** @typedef {typeof __propDef.slots}  MainSlots */
+export default class Main extends SvelteComponentTyped<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> {
+}
+export type MainProps = typeof __propDef.props;
+export type MainEvents = typeof __propDef.events;
+export type MainSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: never;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export {};