@iroco/ui 1.0.0-2 → 1.0.0-4

package/dist/IconFloppyDisk.stories.svelte.d.ts

@@ -0,0 +1,55 @@
+export namespace meta {
+    export let title: string;
+    export { IconFloppyDisk as component };
+    export namespace argTypes {
+        namespace width {
+            namespace control {
+                let type: string;
+            }
+            let min: number;
+            let max: number;
+        }
+        namespace height {
+            export namespace control_1 {
+                let type_1: string;
+                export { type_1 as type };
+            }
+            export { control_1 as control };
+            let min_1: number;
+            export { min_1 as min };
+            let max_1: number;
+            export { max_1 as max };
+        }
+        namespace fill {
+            export namespace control_2 {
+                let type_2: string;
+                export { type_2 as type };
+            }
+            export { control_2 as control };
+        }
+    }
+}
+/** @typedef {typeof __propDef.props}  IconFloppyDiskProps */
+/** @typedef {typeof __propDef.events}  IconFloppyDiskEvents */
+/** @typedef {typeof __propDef.slots}  IconFloppyDiskSlots */
+export default class IconFloppyDisk extends SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type IconFloppyDiskProps = typeof __propDef.props;
+export type IconFloppyDiskEvents = typeof __propDef.events;
+export type IconFloppyDiskSlots = typeof __propDef.slots;
+import { IconFloppyDisk } from './index';
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: never;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/dist/IconInfo.stories.svelte

@@ -0,0 +1,34 @@
+<script context="module">
+
+
+	import { IconInfo } from './index';
+
+	export const meta = {
+		title: 'Iroco-UI/Icons/IconInfo',
+		type: 'Icons',
+		component: IconInfo,
+		argTypes: {
+			width: {
+				control: { type: 'range' },
+				min: 32,
+				max: 512
+			},
+			height: {
+				control: { type: 'range' },
+				min: 32,
+				max: 512
+			}
+		}
+	};
+</script>
+
+<script>
+	import { Story, Template } from '@storybook/addon-svelte-csf';
+</script>
+
+<Template let:args>
+	<IconInfo {...args}>
+	</IconInfo>
+</Template>
+
+<Story name="Default"></Story>

package/dist/IconInfo.stories.svelte.d.ts

@@ -0,0 +1,50 @@
+export namespace meta {
+    export let title: string;
+    export let type: string;
+    export { IconInfo as component };
+    export namespace argTypes {
+        namespace width {
+            namespace control {
+                let type_1: string;
+                export { type_1 as type };
+            }
+            let min: number;
+            let max: number;
+        }
+        namespace height {
+            export namespace control_1 {
+                let type_2: string;
+                export { type_2 as type };
+            }
+            export { control_1 as control };
+            let min_1: number;
+            export { min_1 as min };
+            let max_1: number;
+            export { max_1 as max };
+        }
+    }
+}
+/** @typedef {typeof __propDef.props}  IconInfoProps */
+/** @typedef {typeof __propDef.events}  IconInfoEvents */
+/** @typedef {typeof __propDef.slots}  IconInfoSlots */
+export default class IconInfo extends SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type IconInfoProps = typeof __propDef.props;
+export type IconInfoEvents = typeof __propDef.events;
+export type IconInfoSlots = typeof __propDef.slots;
+import { IconInfo } from './index';
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: never;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/dist/IconIrocoLogo.stories.svelte

@@ -0,0 +1,37 @@
+<script context="module">
+
+
+	import { IconIrocoLogo } from './index';
+
+	export const meta = {
+		title: 'Iroco-UI/Iroco/IconIrocoLogo',
+		type: 'Icons',
+		component: IconIrocoLogo,
+		argTypes: {
+			width: {
+				control: { type: 'range' },
+				min: 32,
+				max: 512
+			},
+			height: {
+				control: { type: 'range' },
+				min: 32,
+				max: 512
+			},
+			color: {
+				control: { type: 'color' }
+			}
+		}
+	};
+</script>
+
+<script>
+	import { Story, Template } from '@storybook/addon-svelte-csf';
+</script>
+
+<Template let:args>
+	<IconIrocoLogo {...args}>
+	</IconIrocoLogo>
+</Template>
+
+<Story name="Default"></Story>

package/dist/IconIrocoLogo.stories.svelte.d.ts

@@ -0,0 +1,57 @@
+export namespace meta {
+    export let title: string;
+    export let type: string;
+    export { IconIrocoLogo as component };
+    export namespace argTypes {
+        namespace width {
+            namespace control {
+                let type_1: string;
+                export { type_1 as type };
+            }
+            let min: number;
+            let max: number;
+        }
+        namespace height {
+            export namespace control_1 {
+                let type_2: string;
+                export { type_2 as type };
+            }
+            export { control_1 as control };
+            let min_1: number;
+            export { min_1 as min };
+            let max_1: number;
+            export { max_1 as max };
+        }
+        namespace color {
+            export namespace control_2 {
+                let type_3: string;
+                export { type_3 as type };
+            }
+            export { control_2 as control };
+        }
+    }
+}
+/** @typedef {typeof __propDef.props}  IconIrocoLogoProps */
+/** @typedef {typeof __propDef.events}  IconIrocoLogoEvents */
+/** @typedef {typeof __propDef.slots}  IconIrocoLogoSlots */
+export default class IconIrocoLogo extends SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type IconIrocoLogoProps = typeof __propDef.props;
+export type IconIrocoLogoEvents = typeof __propDef.events;
+export type IconIrocoLogoSlots = typeof __propDef.slots;
+import { IconIrocoLogo } from './index';
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: never;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/dist/IconMoreSign.stories.svelte

@@ -0,0 +1,34 @@
+<script context="module">
+
+
+	import IconMoreSign from './IconMoreSign.svelte';
+
+	export const meta = {
+		title: 'Iroco-UI/Icons/IconMoreSign',
+		type: 'Icons',
+		component: IconMoreSign,
+		argTypes: {
+			width: {
+				control: { type: 'range' },
+				min: 32,
+				max: 512
+			},
+			height: {
+				control: { type: 'range' },
+				min: 32,
+				max: 512
+			}
+		}
+	};
+</script>
+
+<script>
+	import { Story, Template } from '@storybook/addon-svelte-csf';
+</script>
+
+<Template let:args>
+	<IconMoreSign {...args}>
+	</IconMoreSign>
+</Template>
+
+<Story name="Default"></Story>

package/dist/IconMoreSign.stories.svelte.d.ts

@@ -0,0 +1,50 @@
+export namespace meta {
+    export let title: string;
+    export let type: string;
+    export { IconMoreSign as component };
+    export namespace argTypes {
+        namespace width {
+            namespace control {
+                let type_1: string;
+                export { type_1 as type };
+            }
+            let min: number;
+            let max: number;
+        }
+        namespace height {
+            export namespace control_1 {
+                let type_2: string;
+                export { type_2 as type };
+            }
+            export { control_1 as control };
+            let min_1: number;
+            export { min_1 as min };
+            let max_1: number;
+            export { max_1 as max };
+        }
+    }
+}
+/** @typedef {typeof __propDef.props}  IconMoreSignProps */
+/** @typedef {typeof __propDef.events}  IconMoreSignEvents */
+/** @typedef {typeof __propDef.slots}  IconMoreSignSlots */
+export default class IconMoreSign extends SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type IconMoreSignProps = typeof __propDef.props;
+export type IconMoreSignEvents = typeof __propDef.events;
+export type IconMoreSignSlots = typeof __propDef.slots;
+import IconMoreSign from './IconMoreSign.svelte';
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: never;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/dist/IconTrashCan.stories.svelte

@@ -0,0 +1,34 @@
+<script context="module">
+
+
+	import { IconTrashCan } from './index';
+
+	export const meta = {
+		title: 'Iroco-UI/Icons/IconTrashCan',
+		type: 'Icons',
+		component: IconTrashCan,
+		argTypes: {
+			width: {
+				control: { type: 'range' },
+				min: 32,
+				max: 512
+			},
+			height: {
+				control: { type: 'range' },
+				min: 32,
+				max: 512
+			}
+		}
+	};
+</script>
+
+<script>
+	import { Story, Template } from '@storybook/addon-svelte-csf';
+</script>
+
+<Template let:args>
+	<IconTrashCan {...args}>
+	</IconTrashCan>
+</Template>
+
+<Story name="Default"></Story>

package/dist/IconTrashCan.stories.svelte.d.ts

@@ -0,0 +1,50 @@
+export namespace meta {
+    export let title: string;
+    export let type: string;
+    export { IconTrashCan as component };
+    export namespace argTypes {
+        namespace width {
+            namespace control {
+                let type_1: string;
+                export { type_1 as type };
+            }
+            let min: number;
+            let max: number;
+        }
+        namespace height {
+            export namespace control_1 {
+                let type_2: string;
+                export { type_2 as type };
+            }
+            export { control_1 as control };
+            let min_1: number;
+            export { min_1 as min };
+            let max_1: number;
+            export { max_1 as max };
+        }
+    }
+}
+/** @typedef {typeof __propDef.props}  IconTrashCanProps */
+/** @typedef {typeof __propDef.events}  IconTrashCanEvents */
+/** @typedef {typeof __propDef.slots}  IconTrashCanSlots */
+export default class IconTrashCan extends SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type IconTrashCanProps = typeof __propDef.props;
+export type IconTrashCanEvents = typeof __propDef.events;
+export type IconTrashCanSlots = typeof __propDef.slots;
+import { IconTrashCan } from './index';
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: never;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/dist/IrocoLogo.stories.svelte

@@ -0,0 +1,37 @@
+<script context="module">
+
+
+	import { IrocoLogo } from './index';
+
+	export const meta = {
+		title: 'Iroco-UI/Iroco/IrocoLogo',
+		type: 'Icons',
+		component: IrocoLogo,
+		argTypes: {
+			width: {
+
+				control: { type: 'range' },
+				min: 32,
+				max: 512
+			},
+			height: {
+				control: { type: 'range' },
+				min: 32,
+				max: 512
+			}
+		}
+
+
+	};
+</script>
+
+<script>
+	import { Story, Template } from '@storybook/addon-svelte-csf';
+</script>
+
+<Template let:args>
+	<IrocoLogo {...args}>
+	</IrocoLogo>
+</Template>
+
+<Story name="Default"></Story>

package/dist/IrocoLogo.stories.svelte.d.ts

@@ -0,0 +1,50 @@
+export namespace meta {
+    export let title: string;
+    export let type: string;
+    export { IrocoLogo as component };
+    export namespace argTypes {
+        namespace width {
+            namespace control {
+                let type_1: string;
+                export { type_1 as type };
+            }
+            let min: number;
+            let max: number;
+        }
+        namespace height {
+            export namespace control_1 {
+                let type_2: string;
+                export { type_2 as type };
+            }
+            export { control_1 as control };
+            let min_1: number;
+            export { min_1 as min };
+            let max_1: number;
+            export { max_1 as max };
+        }
+    }
+}
+/** @typedef {typeof __propDef.props}  IrocoLogoProps */
+/** @typedef {typeof __propDef.events}  IrocoLogoEvents */
+/** @typedef {typeof __propDef.slots}  IrocoLogoSlots */
+export default class IrocoLogo extends SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type IrocoLogoProps = typeof __propDef.props;
+export type IrocoLogoEvents = typeof __propDef.events;
+export type IrocoLogoSlots = typeof __propDef.slots;
+import { IrocoLogo } from './index';
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: never;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/dist/Loader.stories.svelte

@@ -0,0 +1,23 @@
+<script context="module">
+	import { Loader } from './index';
+
+	export const meta = {
+		title: 'Iroco-UI/Atoms/Loader',
+		component: Loader,
+		argTypes: {
+
+		}
+	};
+</script>
+
+<script>
+	import { Story, Template } from '@storybook/addon-svelte-csf';
+
+</script>
+
+<Template let:args>
+	<Loader {...args}>
+	</Loader>
+</Template>
+
+<Story name="Default"></Story>

package/dist/Loader.stories.svelte.d.ts

@@ -0,0 +1,29 @@
+export namespace meta {
+    export let title: string;
+    export { Loader as component };
+    export let argTypes: {};
+}
+/** @typedef {typeof __propDef.props}  LoaderProps */
+/** @typedef {typeof __propDef.events}  LoaderEvents */
+/** @typedef {typeof __propDef.slots}  LoaderSlots */
+export default class Loader extends SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type LoaderProps = typeof __propDef.props;
+export type LoaderEvents = typeof __propDef.events;
+export type LoaderSlots = typeof __propDef.slots;
+import { Loader } from './index';
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: never;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/dist/NavBar.stories.svelte

@@ -0,0 +1,38 @@
+<script context="module">
+	import { NavigationItem, NavigationItemType } from './definition';
+	import { NavBar } from './index';
+
+	export const meta = {
+		title: 'NavBar',
+		component: NavBar,
+		argTypes: {
+			type: {
+				control: { type: 'select' },
+				options: ['sidebar', 'topbar']
+			},
+
+		}
+	};
+</script>
+
+<script>
+	import { Story, Template } from '@storybook/addon-svelte-csf';
+</script>
+
+<Template let:args>
+	<NavBar {...args}
+					navigationItems={[
+								new NavigationItem('About', `/about`),
+				new NavigationItem('Foo', `/foo`),
+				new NavigationItem('Bar', `/bar`),
+				new NavigationItem('Button', `/bar`, NavigationItemType.BUTTON),
+				new NavigationItem('Anchor', `/bar`, NavigationItemType.ANCHOR),
+				new NavigationItem('Form', `/bar`, NavigationItemType.FORM)
+				]}>
+
+	</NavBar>
+</Template>
+
+<Story name="Default" />
+<Story name="Sidebar" args={{ type: 'sidebar' }} />
+<Story name="Title" args={{ title: 'Alternative title' }}></Story>

package/dist/NavBar.stories.svelte.d.ts

@@ -0,0 +1,37 @@
+export namespace meta {
+    export let title: string;
+    export { NavBar as component };
+    export namespace argTypes {
+        namespace type {
+            namespace control {
+                let type_1: string;
+                export { type_1 as type };
+            }
+            let options: string[];
+        }
+    }
+}
+/** @typedef {typeof __propDef.props}  NavBarProps */
+/** @typedef {typeof __propDef.events}  NavBarEvents */
+/** @typedef {typeof __propDef.slots}  NavBarSlots */
+export default class NavBar extends SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type NavBarProps = typeof __propDef.props;
+export type NavBarEvents = typeof __propDef.events;
+export type NavBarSlots = typeof __propDef.slots;
+import { NavBar } from './index';
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: never;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};