@onsvisual/svelte-components 0.0.1

package/README.md

@@ -0,0 +1,5 @@
+# ⚙️ graphics-components
+
+[![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/actions/cssVariables/index.d.ts

@@ -0,0 +1,4 @@
+declare function _default(node: any, props: any): {
+    update(newProps: any): void;
+};
+export default _default;

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

@@ -0,0 +1,4 @@
+declare function _default(element: any, onResize: any): {
+    destroy: () => void;
+};
+export default _default;

package/dist/@types/components/layout/Accordion/Accordion.svelte.d.ts

@@ -0,0 +1,27 @@
+/** @typedef {typeof __propDef.props}  AccordionProps */
+/** @typedef {typeof __propDef.events}  AccordionEvents */
+/** @typedef {typeof __propDef.slots}  AccordionSlots */
+export default class Accordion extends SvelteComponentTyped<{
+    showToggle?: boolean;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> {
+}
+export type AccordionProps = typeof __propDef.props;
+export type AccordionEvents = typeof __propDef.events;
+export type AccordionSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        showToggle?: boolean;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export {};

package/dist/@types/components/layout/Accordion/AccordionItem.svelte.d.ts

@@ -0,0 +1,31 @@
+/** @typedef {typeof __propDef.props}  AccordionItemProps */
+/** @typedef {typeof __propDef.events}  AccordionItemEvents */
+/** @typedef {typeof __propDef.slots}  AccordionItemSlots */
+export default class AccordionItem extends SvelteComponentTyped<{
+    title?: string;
+    open?: boolean;
+    id?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> {
+}
+export type AccordionItemProps = typeof __propDef.props;
+export type AccordionItemEvents = typeof __propDef.events;
+export type AccordionItemSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        title?: string;
+        open?: boolean;
+        id?: string;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export {};

package/dist/@types/components/layout/Container/Container.svelte.d.ts

@@ -0,0 +1,39 @@
+/** @typedef {typeof __propDef.props}  ContainerProps */
+/** @typedef {typeof __propDef.events}  ContainerEvents */
+/** @typedef {typeof __propDef.slots}  ContainerSlots */
+export default class Container extends SvelteComponentTyped<{
+    theme?: "light" | "dark" | "lightblue";
+    background?: string;
+    width?: "narrow" | "medium" | "wide" | "full";
+    height?: "full" | "auto" | "tall";
+    marginTop?: boolean;
+    marginBottom?: boolean;
+    themeOverrides?: any;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> {
+}
+export type ContainerProps = typeof __propDef.props;
+export type ContainerEvents = typeof __propDef.events;
+export type ContainerSlots = 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;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export {};

package/dist/@types/components/layout/Footer/Footer.svelte.d.ts

@@ -0,0 +1,31 @@
+/** @typedef {typeof __propDef.props}  FooterProps */
+/** @typedef {typeof __propDef.events}  FooterEvents */
+/** @typedef {typeof __propDef.slots}  FooterSlots */
+export default class Footer extends SvelteComponentTyped<{
+    theme?: "light" | "dark";
+    themeOverrides?: any;
+    compact?: boolean;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    before: {};
+}> {
+}
+export type FooterProps = typeof __propDef.props;
+export type FooterEvents = typeof __propDef.events;
+export type FooterSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        theme?: "light" | "dark";
+        themeOverrides?: object;
+        compact?: boolean;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        before: {};
+    };
+};
+export {};

package/dist/@types/components/layout/Footer/ONSLogo.svelte.d.ts

@@ -0,0 +1,29 @@
+/** @typedef {typeof __propDef.props}  OnsLogoProps */
+/** @typedef {typeof __propDef.events}  OnsLogoEvents */
+/** @typedef {typeof __propDef.slots}  OnsLogoSlots */
+export default class OnsLogo extends SvelteComponentTyped<{
+    width?: string;
+    height?: string;
+    compact?: boolean;
+    className?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type OnsLogoProps = typeof __propDef.props;
+export type OnsLogoEvents = typeof __propDef.events;
+export type OnsLogoSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        width?: string;
+        height?: string;
+        compact?: boolean;
+        className?: string;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/dist/@types/components/layout/Header/Header.svelte.d.ts

@@ -0,0 +1,35 @@
+/** @typedef {typeof __propDef.props}  HeaderProps */
+/** @typedef {typeof __propDef.events}  HeaderEvents */
+/** @typedef {typeof __propDef.slots}  HeaderSlots */
+export default class Header extends SvelteComponentTyped<{
+    theme?: "light" | "dark";
+    themeOverrides?: any;
+    compact?: boolean;
+    title?: string;
+    titleHref?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    before: {};
+}> {
+}
+export type HeaderProps = typeof __propDef.props;
+export type HeaderEvents = typeof __propDef.events;
+export type HeaderSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        theme?: "light" | "dark";
+        themeOverrides?: object;
+        compact?: boolean;
+        title?: string;
+        titleHref?: string;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        before: {};
+    };
+};
+export {};

package/dist/@types/components/layout/Header/ONSLogo.svelte.d.ts

@@ -0,0 +1,29 @@
+/** @typedef {typeof __propDef.props}  OnsLogoProps */
+/** @typedef {typeof __propDef.events}  OnsLogoEvents */
+/** @typedef {typeof __propDef.slots}  OnsLogoSlots */
+export default class OnsLogo extends SvelteComponentTyped<{
+    width?: string;
+    height?: string;
+    compact?: boolean;
+    className?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type OnsLogoProps = typeof __propDef.props;
+export type OnsLogoEvents = typeof __propDef.events;
+export type OnsLogoSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        width?: string;
+        height?: string;
+        compact?: boolean;
+        className?: string;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

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

@@ -0,0 +1,33 @@
+/** @typedef {typeof __propDef.props}  ThemeProps */
+/** @typedef {typeof __propDef.events}  ThemeEvents */
+/** @typedef {typeof __propDef.slots}  ThemeSlots */
+export default class Theme extends SvelteComponentTyped<{
+    theme?: "light" | "dark" | "lightblue";
+    global?: boolean;
+    overrides?: any;
+    background?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> {
+}
+export type ThemeProps = typeof __propDef.props;
+export type ThemeEvents = typeof __propDef.events;
+export type ThemeSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        theme?: "light" | "dark" | "lightblue";
+        global?: boolean;
+        overrides?: object;
+        background?: string;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export {};

package/dist/@types/components/layout/Theme/themes.d.ts

@@ -0,0 +1,29 @@
+declare namespace _default {
+    namespace light {
+        let text: string;
+        let muted: string;
+        let hinted: string;
+        let pale: string;
+        let background: string;
+    }
+    let dark: {
+        text: string;
+        muted: string;
+        hinted: string;
+        pale: string;
+        background: string;
+        link: string;
+        "link-hover": string;
+    };
+    namespace lightblue {
+        let text_1: string;
+        export { text_1 as text };
+        let muted_1: string;
+        export { muted_1 as muted };
+        let pale_1: string;
+        export { pale_1 as pale };
+        let background_1: string;
+        export { background_1 as background };
+    }
+}
+export default _default;

package/dist/@types/components/layout/Twisty/Twisty.svelte.d.ts

@@ -0,0 +1,29 @@
+/** @typedef {typeof __propDef.props}  TwistyProps */
+/** @typedef {typeof __propDef.events}  TwistyEvents */
+/** @typedef {typeof __propDef.slots}  TwistySlots */
+export default class Twisty extends SvelteComponentTyped<{
+    title?: string;
+    open?: boolean;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> {
+}
+export type TwistyProps = typeof __propDef.props;
+export type TwistyEvents = typeof __propDef.events;
+export type TwistySlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        title?: string;
+        open?: boolean;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export {};

package/dist/@types/components/ui/Button/Button.svelte.d.ts

@@ -0,0 +1,43 @@
+/** @typedef {typeof __propDef.props}  ButtonProps */
+/** @typedef {typeof __propDef.events}  ButtonEvents */
+/** @typedef {typeof __propDef.slots}  ButtonSlots */
+export default class Button extends SvelteComponentTyped<{
+    type?: "button" | "sumbit" | "reset";
+    variant?: "primary" | "secondary" | "ghost";
+    href?: string;
+    small?: boolean;
+    icon?: string;
+    iconPosition?: "before" | "after";
+    disabled?: boolean;
+}, {
+    click: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> {
+}
+export type ButtonProps = typeof __propDef.props;
+export type ButtonEvents = typeof __propDef.events;
+export type ButtonSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        type?: "button" | "sumbit" | "reset";
+        variant?: "primary" | "secondary" | "ghost";
+        href?: string;
+        small?: boolean;
+        icon?: string;
+        iconPosition?: "before" | "after";
+        disabled?: boolean;
+    };
+    events: {
+        click: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export {};

package/dist/@types/components/ui/Button/Icon.svelte.d.ts

@@ -0,0 +1,27 @@
+/** @typedef {typeof __propDef.props}  IconProps */
+/** @typedef {typeof __propDef.events}  IconEvents */
+/** @typedef {typeof __propDef.slots}  IconSlots */
+export default class Icon extends SvelteComponentTyped<{
+    type?: string;
+    marginLeft?: boolean;
+    marginRight?: boolean;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type IconProps = typeof __propDef.props;
+export type IconEvents = typeof __propDef.events;
+export type IconSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        type?: string;
+        marginLeft?: boolean;
+        marginRight?: boolean;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/dist/@types/components/ui/Dropdown/Dropdown.svelte.d.ts

@@ -0,0 +1,37 @@
+/** @typedef {typeof __propDef.props}  DropdownProps */
+/** @typedef {typeof __propDef.events}  DropdownEvents */
+/** @typedef {typeof __propDef.slots}  DropdownSlots */
+export default class Dropdown extends SvelteComponentTyped<{
+    label?: string;
+    id?: string;
+    hideLabel?: boolean;
+    placeholder?: string;
+    value?: any;
+    options?: any[];
+}, {
+    change: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type DropdownProps = typeof __propDef.props;
+export type DropdownEvents = typeof __propDef.events;
+export type DropdownSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        label?: string;
+        id?: string;
+        hideLabel?: boolean;
+        placeholder?: string;
+        value?: object;
+        options?: any[];
+    };
+    events: {
+        change: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/dist/@types/components/ui/Em/Em.svelte.d.ts

@@ -0,0 +1,29 @@
+/** @typedef {typeof __propDef.props}  EmProps */
+/** @typedef {typeof __propDef.events}  EmEvents */
+/** @typedef {typeof __propDef.slots}  EmSlots */
+export default class Em extends SvelteComponentTyped<{
+    color?: string;
+    nowrap?: boolean;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> {
+}
+export type EmProps = typeof __propDef.props;
+export type EmEvents = typeof __propDef.events;
+export type EmSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        color?: string;
+        nowrap?: boolean;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export {};

package/dist/@types/components/ui/Input/Input.svelte.d.ts

@@ -0,0 +1,51 @@
+/** @typedef {typeof __propDef.props}  InputProps */
+/** @typedef {typeof __propDef.events}  InputEvents */
+/** @typedef {typeof __propDef.slots}  InputSlots */
+export default class Input extends SvelteComponentTyped<{
+    width?: number;
+    label?: string;
+    id?: string;
+    hideLabel?: boolean;
+    value?: string;
+    description?: string;
+    charLimit?: number;
+    prefix?: string;
+    suffix?: string;
+    unitLabel?: string;
+    pattern?: string;
+    numeric?: boolean;
+    error?: boolean;
+}, {
+    change: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type InputProps = typeof __propDef.props;
+export type InputEvents = typeof __propDef.events;
+export type InputSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        width?: number;
+        label?: string;
+        id?: string;
+        hideLabel?: boolean;
+        value?: string;
+        description?: string;
+        charLimit?: number;
+        prefix?: string;
+        suffix?: string;
+        unitLabel?: string;
+        pattern?: string;
+        numeric?: boolean;
+        error?: boolean;
+    };
+    events: {
+        change: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/dist/@types/components/ui/Select/Select.svelte.d.ts

@@ -0,0 +1,67 @@
+/** @typedef {typeof __propDef.props}  SelectProps */
+/** @typedef {typeof __propDef.events}  SelectEvents */
+/** @typedef {typeof __propDef.slots}  SelectSlots */
+export default class Select extends SvelteComponentTyped<{
+    width?: number;
+    label?: string;
+    id?: string;
+    hideLabel?: boolean;
+    placeholder?: string;
+    value?: any;
+    options?: any[];
+    mode?: "default" | "search";
+    multiple?: boolean;
+    maxSelected?: number;
+    clearable?: boolean;
+    idKey?: string;
+    labelKey?: string;
+    colors?: any[];
+    itemFilter?: Function;
+    loadOptions?: Function;
+    floatingConfig?: any;
+}, {
+    input: CustomEvent<any>;
+    change: CustomEvent<any>;
+    focus: CustomEvent<any>;
+    blur: CustomEvent<any>;
+    clear: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type SelectProps = typeof __propDef.props;
+export type SelectEvents = typeof __propDef.events;
+export type SelectSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        width?: number;
+        label?: string;
+        id?: string;
+        hideLabel?: boolean;
+        placeholder?: string;
+        value?: object;
+        options?: any[];
+        mode?: "default" | "search";
+        multiple?: boolean;
+        maxSelected?: number;
+        clearable?: boolean;
+        idKey?: string;
+        labelKey?: string;
+        colors?: any[];
+        itemFilter?: Function;
+        loadOptions?: Function;
+        floatingConfig?: object;
+    };
+    events: {
+        input: CustomEvent<any>;
+        change: CustomEvent<any>;
+        focus: CustomEvent<any>;
+        blur: CustomEvent<any>;
+        clear: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/dist/@types/components/ui/Textarea/Textarea.svelte.d.ts

@@ -0,0 +1,37 @@
+/** @typedef {typeof __propDef.props}  TextareaProps */
+/** @typedef {typeof __propDef.events}  TextareaEvents */
+/** @typedef {typeof __propDef.slots}  TextareaSlots */
+export default class Textarea extends SvelteComponentTyped<{
+    width?: number;
+    label?: string;
+    id?: string;
+    hideLabel?: boolean;
+    value?: string;
+    description?: string;
+    charLimit?: number;
+    rows?: number;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type TextareaProps = typeof __propDef.props;
+export type TextareaEvents = typeof __propDef.events;
+export type TextareaSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        width?: number;
+        label?: string;
+        id?: string;
+        hideLabel?: boolean;
+        value?: string;
+        description?: string;
+        charLimit?: number;
+        rows?: number;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

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

@@ -0,0 +1,13 @@
+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 Section } from "./components/layout/Section/Section.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";

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

@@ -0,0 +1,10 @@
+export function slugify(str: any, suffix?: boolean): any;
+export function validDate(str: any): boolean;
+export function formatDate(str: any, locale?: string, opts?: {
+    year: string;
+    month: string;
+    day: string;
+}): string;
+export function commas(num: any): string;
+export function ascending(a: any, b: any): number;
+export function descending(a: any, b: any): number;