@awenovations/aura 0.0.32 → 0.0.34

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,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 import '../../app.scss';
 export declare const meta: {
     title: string;
@@ -17,12 +17,10 @@ declare const __propDef: {
         [evt: string]: CustomEvent<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> {
+export default class Alert extends SvelteComponentTyped<AlertProps, AlertEvents, AlertSlots> {
 }
 export {};

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,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 import type * as Props from './props';
 declare const __propDef: {
     props: {
@@ -13,12 +13,10 @@ declare const __propDef: {
     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> {
+export default class Alert extends SvelteComponentTyped<AlertProps, AlertEvents, AlertSlots> {
 }
 export {};

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,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 import '../../app.scss';
 export declare const meta: {
     title: string;
@@ -28,12 +28,10 @@ declare const __propDef: {
         [evt: string]: CustomEvent<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> {
+export default class Button extends SvelteComponentTyped<ButtonProps, ButtonEvents, ButtonSlots> {
 }
 export {};

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,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 import type * as Props from './props';
 declare const __propDef: {
     props: {
@@ -19,12 +19,10 @@ declare const __propDef: {
         '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> {
+export default class Button extends SvelteComponentTyped<ButtonProps, ButtonEvents, ButtonSlots> {
 }
 export {};

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,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 import '../../app.scss';
 export declare const meta: {
     title: string;
@@ -21,12 +21,10 @@ declare const __propDef: {
         [evt: string]: CustomEvent<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> {
+export default class Container extends SvelteComponentTyped<ContainerProps, ContainerEvents, ContainerSlots> {
 }
 export {};

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,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 import type * as Props from './props';
 declare const __propDef: {
     props: {
@@ -13,12 +13,10 @@ declare const __propDef: {
     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> {
+export default class Container extends SvelteComponentTyped<ContainerProps, ContainerEvents, ContainerSlots> {
 }
 export {};

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,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 import '../../app.scss';
 export declare const meta: {
     title: string;
@@ -11,12 +11,10 @@ declare const __propDef: {
         [evt: string]: CustomEvent<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> {
+export default class Dialog extends SvelteComponentTyped<DialogProps, DialogEvents, DialogSlots> {
 }
 export {};

package/dist/dialog/dialog.svelte

@@ -1,12 +1,14 @@
-<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 {...$$restProps} clearPadding variant="elevated" class={classNames('dialog', $$restProps.class)}>

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

@@ -1,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
@@ -13,12 +13,10 @@ declare const __propDef: {
     slots: {
         default: {};
     };
-    exports?: undefined;
-    bindings?: 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> {
+export default class Dialog extends SvelteComponentTyped<DialogProps, DialogEvents, DialogSlots> {
 }
 export {};

package/dist/divider/divider.stories.svelte

@@ -1,17 +1,20 @@
-<script context="module">import "../../app.scss";
-import Divider from "./divider.svelte";
-import { dividerDirection } from "./props.ts";
-export const meta = {
-  title: "AURA/Divider",
-  component: Divider,
-  tags: ["autodocs"],
-  argTypes: {
-    direction: { control: "select", options: dividerDirection }
-  }
-};
+<script lang="ts" context="module">
+	import '../../app.scss';
+	import Divider from './divider.svelte';
+	import { dividerDirection } from './props.ts';
+
+	export const meta = {
+		title: 'AURA/Divider',
+		component: Divider,
+		tags: ['autodocs'],
+		argTypes: {
+			direction: { control: 'select', options: dividerDirection },
+		}
+	};
 </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/divider/divider.stories.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 import '../../app.scss';
 export declare const meta: {
     title: string;
@@ -17,12 +17,10 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
 };
 export type DividerProps = typeof __propDef.props;
 export type DividerEvents = typeof __propDef.events;
 export type DividerSlots = typeof __propDef.slots;
-export default class Divider extends SvelteComponent<DividerProps, DividerEvents, DividerSlots> {
+export default class Divider extends SvelteComponentTyped<DividerProps, DividerEvents, DividerSlots> {
 }
 export {};

package/dist/divider/divider.svelte

@@ -1,7 +1,11 @@
-<script>import classNames from "classnames";
-export let direction = "horizontal";
-const vertical = direction === "vertical";
-const horizontal = direction === "horizontal";
+<script lang="ts">
+	import classNames from 'classnames';
+	import type * as Props from './props';
+
+	export let direction: Props.DividerDirection = 'horizontal';
+
+	const vertical = direction === 'vertical';
+	const horizontal = direction === 'horizontal';
 </script>
 
 <div {...$$props} class:vertical class:horizontal class={classNames($$props.class, 'aura-divider')}>

package/dist/divider/divider.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 import type * as Props from './props';
 declare const __propDef: {
     props: {
@@ -11,12 +11,10 @@ declare const __propDef: {
     slots: {
         default: {};
     };
-    exports?: undefined;
-    bindings?: undefined;
 };
 export type DividerProps = typeof __propDef.props;
 export type DividerEvents = typeof __propDef.events;
 export type DividerSlots = typeof __propDef.slots;
-export default class Divider extends SvelteComponent<DividerProps, DividerEvents, DividerSlots> {
+export default class Divider extends SvelteComponentTyped<DividerProps, DividerEvents, DividerSlots> {
 }
 export {};

package/dist/dropdown/dropdown.stories.svelte

@@ -1,16 +1,21 @@
-<script context="module">import "../../app.scss";
-import Dropdown from "./dropdown.svelte";
-import Button from "../button/button.svelte";
-export const meta = {
-  title: "AURA/Dropdown",
-  component: Dropdown,
-  tags: ["autodocs"],
-  argTypes: {}
-};
+<script lang="ts" context="module">
+	import '../../app.scss';
+
+	import Dropdown from './dropdown.svelte';
+	import Button from '../button/button.svelte';
+
+	export const meta = {
+		title: 'AURA/Dropdown',
+		component: Dropdown,
+		tags: ['autodocs'],
+		argTypes: {}
+	};
 </script>
 
-<script>import { Story, Template } from "@storybook/addon-svelte-csf";
-let valueForControlsStory = "Option 1";
+<script lang="ts">
+	import { Story, Template } from '@storybook/addon-svelte-csf';
+
+	let valueForControlsStory = 'Option 1';
 </script>
 
 <Template let:args>

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

@@ -1,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+import { SvelteComponentTyped } from "svelte";
 import '../../app.scss';
 export declare const meta: {
     title: string;
@@ -12,12 +12,10 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
 };
 export type DropdownProps = typeof __propDef.props;
 export type DropdownEvents = typeof __propDef.events;
 export type DropdownSlots = typeof __propDef.slots;
-export default class Dropdown extends SvelteComponent<DropdownProps, DropdownEvents, DropdownSlots> {
+export default class Dropdown extends SvelteComponentTyped<DropdownProps, DropdownEvents, DropdownSlots> {
 }
 export {};