@awenovations/aura 0.0.31 → 0.0.33

package/dist/alert/alert.stories.svelte

@@ -1,17 +1,21 @@
-<script context="module">import "../../app.scss";
-import Alert from "./alert.svelte";
-import { alertSeverity } from "./props.ts";
-export const meta = {
-  title: "AURA/Alert",
-  component: Alert,
-  tags: ["autodocs"],
-  argTypes: {
-    severity: { control: "select", options: alertSeverity }
-  }
-};
+<script lang="ts" context="module">
+	import '../../app.scss';
+
+	import Alert from './alert.svelte';
+	import { alertSeverity } from './props.ts';
+
+	export const meta = {
+		title: 'AURA/Alert',
+		component: Alert,
+		tags: ['autodocs'],
+		argTypes: {
+			severity: { control: 'select', options: alertSeverity }
+		}
+	};
 </script>
 
-<script>import { Story, Template } from "@storybook/addon-svelte-csf";
+<script lang="ts">
+	import { Story, Template } from '@storybook/addon-svelte-csf';
 </script>
 
 <Template let:args>

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

@@ -1,8 +1,10 @@
-import { SvelteComponent } from "svelte";
 import '../../app.scss';
+import Alert from './alert.svelte';
 export declare const meta: {
     title: string;
-    component: typeof Alert;
+    component: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+        [evt: string]: CustomEvent<any>;
+    }, {}, {}, string>;
     tags: string[];
     argTypes: {
         severity: {
@@ -11,18 +13,21 @@ export declare const meta: {
         };
     };
 };
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type AlertProps = typeof __propDef.props;
-export type AlertEvents = typeof __propDef.events;
-export type AlertSlots = typeof __propDef.slots;
-export default class Alert extends SvelteComponent<AlertProps, AlertEvents, AlertSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const Alert: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Alert = InstanceType<typeof Alert>;
+export default Alert;

package/dist/alert/alert.svelte

@@ -1,24 +1,32 @@
-<script>import { onMount } from "svelte";
-export let severity = "informational";
-export let hide = false;
-export let autoDismissTime;
-let hideAlert = false;
-$: {
-  if (hide) {
-    setTimeout(() => {
-      hideAlert = true;
-    }, 300);
-  } else {
-    hideAlert = false;
-  }
-}
-onMount(() => {
-  if (autoDismissTime) {
-    setTimeout(() => {
-      hide = true;
-    }, autoDismissTime);
-  }
-});
+<script lang="ts">
+  import { onMount } from 'svelte';
+	import type * as Props from './props';
+
+	export let severity: Props.AlertSeverity = 'informational';
+	export let hide: boolean = false;
+	export let autoDismissTime: number;
+
+
+	let hideAlert = false;
+
+	$: {
+		if (hide) {
+			setTimeout(() => {
+				hideAlert = true;
+			}, 300);
+		} else {
+			hideAlert = false;
+		}
+	}
+
+  onMount(() => {
+    if(autoDismissTime) {
+      setTimeout(() => {
+        hide = true;
+      }, autoDismissTime);
+    }
+  });
+
 </script>
 
 <div

package/dist/alert/alert.svelte.d.ts

@@ -1,24 +1,33 @@
-import { SvelteComponent } from "svelte";
 import type * as Props from './props';
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        severity?: Props.AlertSeverity;
-        hide?: boolean;
-        autoDismissTime: number;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-    exports?: undefined;
-    bindings?: undefined;
-};
-export type AlertProps = typeof __propDef.props;
-export type AlertEvents = typeof __propDef.events;
-export type AlertSlots = typeof __propDef.slots;
-export default class Alert extends SvelteComponent<AlertProps, AlertEvents, AlertSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const Alert: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    [x: string]: any;
+    severity?: Props.AlertSeverity;
+    hide?: boolean;
+    autoDismissTime: number;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type Alert = InstanceType<typeof Alert>;
+export default Alert;

package/dist/button/button.stories.svelte

@@ -1,21 +1,25 @@
-<script context="module">import "../../app.scss";
-import Button from "./button.svelte";
-import Icon from "../icon/icon.svelte";
-import { buttonKinds, buttonVariants, buttonSizes } from "./props.ts";
-export const meta = {
-  title: "AURA/Button",
-  component: Button,
-  tags: ["autodocs"],
-  argTypes: {
-    kind: { control: "select", options: buttonKinds },
-    variant: { control: "select", options: buttonVariants },
-    size: { control: "select", options: buttonSizes },
-    loading: { control: "boolean" }
-  }
-};
+<script lang="ts" context="module">
+	import '../../app.scss';
+
+	import Button from './button.svelte';
+	import Icon from '../icon/icon.svelte';
+	import { buttonKinds, buttonVariants, buttonSizes } from './props.ts';
+
+	export const meta = {
+		title: 'AURA/Button',
+		component: Button,
+		tags: ['autodocs'],
+		argTypes: {
+			kind: { control: 'select', options: buttonKinds },
+			variant: { control: 'select', options: buttonVariants },
+			size: { control: 'select', options: buttonSizes },
+			loading: { control: 'boolean' }
+		}
+	};
 </script>
 
-<script>import { Story, Template } from "@storybook/addon-svelte-csf";
+<script lang="ts">
+	import { Story, Template } from '@storybook/addon-svelte-csf';
 </script>
 
 <Template let:args>

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

@@ -1,8 +1,10 @@
-import { SvelteComponent } from "svelte";
 import '../../app.scss';
+import Button from './button.svelte';
 export declare const meta: {
     title: string;
-    component: typeof Button;
+    component: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+        [evt: string]: CustomEvent<any>;
+    }, {}, {}, string>;
     tags: string[];
     argTypes: {
         kind: {
@@ -22,18 +24,21 @@ export declare const meta: {
         };
     };
 };
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type ButtonProps = typeof __propDef.props;
-export type ButtonEvents = typeof __propDef.events;
-export type ButtonSlots = typeof __propDef.slots;
-export default class Button extends SvelteComponent<ButtonProps, ButtonEvents, ButtonSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const Button: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Button = InstanceType<typeof Button>;
+export default Button;

package/dist/button/button.svelte

@@ -1,15 +1,26 @@
-<script>import { createEventDispatcher } from "svelte";
-import ProgressRing from "../progress/progress-ring.svelte";
-export let kind = "filled";
-export let variant = "primary";
-export let size = "default";
-export let fullWidth = false;
-export let loading = false;
-export let left = false;
-const dispatch = createEventDispatcher();
-function onClick(event) {
-  dispatch("click", event);
-}
+<script lang="ts">
+	import { createEventDispatcher } from 'svelte';
+	import type * as Props from './props';
+
+	import ProgressRing from '../progress/progress-ring.svelte';
+
+	export let kind: Props.ButtonKind = 'filled';
+	export let variant: Props.ButtonVariant = 'primary';
+	export let size: Props.ButtonSize = 'default';
+	export let fullWidth: boolean = false;
+	export let loading: boolean = false;
+	export let left: boolean = false;
+
+	const dispatch = createEventDispatcher<{
+		click: NonNullable<unknown>;
+	}>();
+
+	/**
+	 * Optional click handler
+	 */
+	function onClick(event) {
+		dispatch('click', event);
+	}
 </script>
 
 <button

package/dist/button/button.svelte.d.ts

@@ -1,30 +1,40 @@
-import { SvelteComponent } from "svelte";
 import type * as Props from './props';
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        kind?: Props.ButtonKind;
-        variant?: any;
-        size?: any;
-        fullWidth?: boolean;
-        loading?: boolean;
-        left?: boolean;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        click: CustomEvent<{}>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        'icon-before': {};
-        default: {};
-    };
-    exports?: undefined;
-    bindings?: undefined;
-};
-export type ButtonProps = typeof __propDef.props;
-export type ButtonEvents = typeof __propDef.events;
-export type ButtonSlots = typeof __propDef.slots;
-export default class Button extends SvelteComponent<ButtonProps, ButtonEvents, ButtonSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const Button: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    [x: string]: any;
+    kind?: Props.ButtonKind;
+    variant?: any;
+    size?: any;
+    fullWidth?: boolean;
+    loading?: boolean;
+    left?: boolean;
+}, {
+    'icon-before': {};
+    default: {};
+}>, {
+    click: CustomEvent<{}>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    'icon-before': {};
+    default: {};
+}, {}, string>;
+type Button = InstanceType<typeof Button>;
+export default Button;

package/dist/container/container.stories.svelte

@@ -1,19 +1,23 @@
-<script context="module">import "../../app.scss";
-import Divider from "../divider/divider.svelte";
-import Container from "./container.svelte";
-import { containerKinds, containerVariants } from "./props.ts";
-export const meta = {
-  title: "AURA/Container",
-  component: Container,
-  tags: ["autodocs"],
-  argTypes: {
-    kind: { control: "select", options: containerKinds },
-    variant: { control: "select", options: containerVariants }
-  }
-};
+<script lang="ts" context="module">
+	import '../../app.scss';
+
+	import Divider from '../divider/divider.svelte';
+	import Container from './container.svelte';
+	import { containerKinds, containerVariants } from './props.ts';
+
+	export const meta = {
+		title: 'AURA/Container',
+		component: Container,
+		tags: ['autodocs'],
+		argTypes: {
+			kind: { control: 'select', options: containerKinds },
+			variant: { control: 'select', options: containerVariants }
+		}
+	};
 </script>
 
-<script>import { Story, Template } from "@storybook/addon-svelte-csf";
+<script lang="ts">
+	import { Story, Template } from '@storybook/addon-svelte-csf';
 </script>
 
 <Template let:args>

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

@@ -1,8 +1,10 @@
-import { SvelteComponent } from "svelte";
 import '../../app.scss';
+import Container from './container.svelte';
 export declare const meta: {
     title: string;
-    component: typeof Container;
+    component: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+        [evt: string]: CustomEvent<any>;
+    }, {}, {}, string>;
     tags: string[];
     argTypes: {
         kind: {
@@ -15,18 +17,21 @@ export declare const meta: {
         };
     };
 };
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type ContainerProps = typeof __propDef.props;
-export type ContainerEvents = typeof __propDef.events;
-export type ContainerSlots = typeof __propDef.slots;
-export default class Container extends SvelteComponent<ContainerProps, ContainerEvents, ContainerSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const Container: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Container = InstanceType<typeof Container>;
+export default Container;

package/dist/container/container.svelte

@@ -1,7 +1,10 @@
-<script>import classNames from "classnames";
-export let clearPadding = false;
-export let kind = "filled";
-export let variant = "flat";
+<script lang="ts">
+	import type * as Props from './props';
+  import classNames from 'classnames';
+
+  export let clearPadding: boolean = false;
+	export let kind: Props.ContainerKind = 'filled';
+	export let variant: Props.ContainerVariants = 'flat';
 </script>
 
 <div

package/dist/container/container.svelte.d.ts

@@ -1,24 +1,33 @@
-import { SvelteComponent } from "svelte";
 import type * as Props from './props';
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        clearPadding?: boolean;
-        kind?: Props.ContainerKind;
-        variant?: Props.ContainerVariants;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-    exports?: undefined;
-    bindings?: undefined;
-};
-export type ContainerProps = typeof __propDef.props;
-export type ContainerEvents = typeof __propDef.events;
-export type ContainerSlots = typeof __propDef.slots;
-export default class Container extends SvelteComponent<ContainerProps, ContainerEvents, ContainerSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const Container: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    [x: string]: any;
+    clearPadding?: boolean;
+    kind?: Props.ContainerKind;
+    variant?: Props.ContainerVariants;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type Container = InstanceType<typeof Container>;
+export default Container;

package/dist/dialog/dialog.stories.svelte

@@ -1,13 +1,16 @@
-<script context="module">import "../../app.scss";
-import Dialog from "./dialog.svelte";
-export const meta = {
-  title: "AURA/Dialog",
-  component: Dialog,
-  tags: ["autodocs"]
-};
+<script lang="ts" context="module">
+	import '../../app.scss';
+	import Dialog from './dialog.svelte';
+
+	export const meta = {
+		title: 'AURA/Dialog',
+		component: Dialog,
+		tags: ['autodocs'],
+	};
 </script>
 
-<script>import { Story, Template } from "@storybook/addon-svelte-csf";
+<script lang="ts">
+	import { Story, Template } from '@storybook/addon-svelte-csf';
 </script>
 
 

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

@@ -1,22 +1,27 @@
-import { SvelteComponent } from "svelte";
 import '../../app.scss';
+import Dialog from './dialog.svelte';
 export declare const meta: {
     title: string;
-    component: typeof Dialog;
+    component: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+        [evt: string]: CustomEvent<any>;
+    }, {}, {}, string>;
     tags: string[];
 };
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type DialogProps = typeof __propDef.props;
-export type DialogEvents = typeof __propDef.events;
-export type DialogSlots = typeof __propDef.slots;
-export default class Dialog extends SvelteComponent<DialogProps, DialogEvents, DialogSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const Dialog: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Dialog = InstanceType<typeof Dialog>;
+export default Dialog;

package/dist/dialog/dialog.svelte

@@ -1,15 +1,17 @@
-<script>import classNames from "classnames";
-import Button from "../button/button.svelte";
-import Container from "../container/container.svelte";
-export let cancelText = "Cancel";
-export let confirmText = "Confirm";
-export let onConfirm = () => {
-};
-export let onCancel = () => {
-};
+<script lang="ts">
+	import classNames from 'classnames';
+
+	import Button from '../button/button.svelte';
+	import Container from '../container/container.svelte';
+
+	export let cancelText = 'Cancel';
+	export let confirmText = 'Confirm';
+
+	export let onConfirm: () => void = () => {};
+	export let onCancel: () => void = () => {};
 </script>
 
-<Container clearPadding variant="elevated" class={classNames('dialog', $$restProps.class)}>
+<Container {...$$restProps} clearPadding variant="elevated" class={classNames('dialog', $$restProps.class)}>
 	<slot>Are you sure you wish to take this action?</slot>
 	<div class="action-buttons">
 		<Button size="small" on:click={onCancel}>{cancelText}</Button>