@swr-data-lab/components 1.13.0 → 1.13.1

package/dist/Input/Input.svelte.d.ts

@@ -0,0 +1,23 @@
+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;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Input: $$__sveltets_2_IsomorphicComponent<{
+    label?: string;
+    name?: string;
+    placeholder?: string;
+    value?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Input = InstanceType<typeof Input>;
+export default Input;

package/dist/Input/index.d.ts

@@ -0,0 +1,2 @@
+export default Input;
+import Input from './Input.svelte';

package/dist/Logotype/Logotype.stories.svelte

@@ -0,0 +1,14 @@
+<script context="module" lang="ts">import { defineMeta } from '@storybook/addon-svelte-csf';
+import Logotype from './Logotype.svelte';
+import DesignTokens from '../DesignTokens/DesignTokens.svelte';
+const { Story } = defineMeta({
+    title: 'Chart/Logotype',
+    component: Logotype
+});
+</script>
+
+<Story name="Basic" asChild>
+	<DesignTokens>
+		<Logotype></Logotype>
+	</DesignTokens>
+</Story>

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

@@ -0,0 +1,19 @@
+import Logotype from './Logotype.svelte';
+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;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Logotype: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Logotype = InstanceType<typeof Logotype>;
+export default Logotype;

package/dist/Logotype/Logotype.svelte.d.ts

@@ -0,0 +1,26 @@
+export default Logotype;
+type Logotype = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const Logotype: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+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;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/Middot/Middot.stories.svelte

@@ -0,0 +1,14 @@
+<script context="module" lang="ts">import { defineMeta } from '@storybook/addon-svelte-csf';
+import Middot from './Middot.svelte';
+import DesignTokens from '../DesignTokens/DesignTokens.svelte';
+const { Story } = defineMeta({
+    title: 'Chart/Middot',
+    component: Middot
+});
+</script>
+
+<Story name="Basic" asChild>
+	<DesignTokens>
+		<Middot></Middot>
+	</DesignTokens>
+</Story>

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

@@ -0,0 +1,19 @@
+import Middot from './Middot.svelte';
+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;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Middot: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Middot = InstanceType<typeof Middot>;
+export default Middot;

package/dist/Middot/Middot.svelte.d.ts

@@ -0,0 +1,26 @@
+export default Middot;
+type Middot = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const Middot: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+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;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/Middot/index.d.ts

@@ -0,0 +1,2 @@
+export default Middot;
+import Middot from './Middot.svelte';

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

@@ -0,0 +1,27 @@
+export default Note;
+type Note = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const Note: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+import Note from './Note.svelte';
+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;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/Note/Note.svelte

@@ -0,0 +1,28 @@
+<script lang="ts">let { children } = $props();
+export {};
+</script>
+
+<div class="container">
+	{#if children}
+		{@render children()}
+	{/if}
+</div>
+
+<style>.container {
+  font-family: var(--swr-sans);
+  font-size: var(--fs-small-2);
+  line-height: 1.4;
+  letter-spacing: 0.001em;
+  color: var(--gray-base);
+}
+.container :global(*) {
+  color: inherit;
+}
+.container :global(p) {
+  margin-bottom: 0.5em;
+}
+.container :global(a):hover, .container :global(a):focus-visible,
+.container :global(summary):hover,
+.container :global(summary):focus-visible {
+  color: var(--gray-dark-3);
+}</style>

package/dist/Note/Note.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { Snippet } from 'svelte';
+interface NoteProps {
+    children?: Snippet;
+}
+declare const Note: import("svelte").Component<NoteProps, {}, "">;
+type Note = ReturnType<typeof Note>;
+export default Note;

package/dist/Note/index.js

@@ -0,0 +1,2 @@
+import Note from './Note.svelte';
+export default Note;

package/{src → dist}/Select/Select.stories.svelte

@@ -1,20 +1,17 @@
-<script context="module" lang="ts">
-	import { defineMeta } from '@storybook/addon-svelte-csf';
-	import Select from './Select.svelte';
-	import FormLabel from '../FormLabel/FormLabel.svelte';
-	import StoryTemplate from './SelectStoriesTemplate.svelte';
-	import jobsData from './mock_data/jobs.json';
-
-	const { Story } = defineMeta({
-		title: 'Form/Select',
-		component: Select
-	});
+<script context="module" lang="ts">import { defineMeta } from '@storybook/addon-svelte-csf';
+import Select from './Select.svelte';
+import FormLabel from '../FormLabel/FormLabel.svelte';
+import StoryTemplate from './SelectStoriesTemplate.svelte';
+import jobsData from './mock_data/jobs.json';
+const { Story } = defineMeta({
+    title: 'Form/Select',
+    component: Select
+});
 </script>
 
-<script lang="ts">
-	import { userEvent, within, expect } from 'storybook/test';
-	import { type SelectItem } from './Select.types';
-	let selectedItem: SelectItem | undefined = undefined;
+<script lang="ts">import { userEvent, within, expect } from 'storybook/test';
+import {} from './Select.types';
+let selectedItem = undefined;
 </script>
 
 <Story

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

@@ -0,0 +1,19 @@
+import Select from './Select.svelte';
+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;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Select: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Select = InstanceType<typeof Select>;
+export default Select;

package/dist/Select/Select.svelte

@@ -0,0 +1,39 @@
+<script lang="ts">import Select from 'svelte-select';
+import {} from './Select.types';
+let { inputId = 'select', placeholder = 'Bitte auswählen', items = [], groupBy, groupHeaderSelectable = false, clearable = true, value = $bindable(undefined) } = $props();
+const groupByFn = groupBy || ((item) => item.group);
+</script>
+
+<div class="container">
+	<Select
+		{items}
+		groupBy={items.length > 0 && items.every((item) => item.group) ? groupByFn : undefined}
+		id={inputId}
+		{placeholder}
+		{groupHeaderSelectable}
+		{clearable}
+		class="container"
+		bind:value
+	>
+		<div class="item" slot="item" let:item>
+			<slot name="item" {item}>
+				{item.label}
+			</slot>
+		</div>
+		<div class="selection" slot="selection" let:selection>
+			<slot name="selection" {selection}>
+				{selection.label}
+			</slot>
+		</div>
+	</Select>
+</div>
+
+<style>.item {
+  font-family: var(--swr-sans);
+  color: var(--violet-dark-5);
+}
+
+.selection {
+  font-family: var(--swr-sans);
+  color: var(--violet-dark-5);
+}</style>

package/dist/Select/Select.svelte.d.ts

@@ -0,0 +1,4 @@
+import Select from 'svelte-select';
+declare const Select: any;
+type Select = InstanceType<typeof Select>;
+export default Select;

package/{src/Select/Select.types.ts → dist/Select/Select.types.d.ts}

@@ -4,5 +4,4 @@ interface SelectItem {
     group?: string;
     details?: any;
 }
-
-export { type SelectItem }
+export { type SelectItem };

package/dist/Select/Select.types.js

@@ -0,0 +1 @@
+export {};

package/dist/Select/SelectStoriesTemplate.svelte.d.ts

@@ -0,0 +1,15 @@
+export default SelectStoriesTemplate;
+type SelectStoriesTemplate = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+declare const SelectStoriesTemplate: import("svelte").Component<{
+    args?: any;
+    selectedItem?: any;
+    demoComponent?: any;
+}, {}, "selectedItem">;
+type $$ComponentProps = {
+    args?: any;
+    selectedItem?: any;
+    demoComponent?: any;
+};

package/dist/Select/index.d.ts

@@ -0,0 +1,2 @@
+export default Select;
+import Select from './Select.svelte';

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

@@ -0,0 +1,27 @@
+export default Switcher;
+type Switcher = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const Switcher: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+import Switcher from './Switcher.svelte';
+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;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/Switcher/Switcher.svelte

@@ -0,0 +1,111 @@
+<script lang="ts">import FormLabel from '../FormLabel/FormLabel.svelte';
+let { label, options, size = 'default', value = $bindable(null) } = $props();
+const groupId = $props.id();
+const groupName = 'select-' + groupId;
+function optionToID(o) {
+    return `${groupName}-option-${o.replace(/ /g, '-').toLowerCase()}`;
+}
+</script>
+
+<fieldset class="container" class:small={size === 'small'}>
+	<FormLabel as="legend">{label}</FormLabel>
+	<ul>
+		{#each options as o (o)}
+			<li class:is-selected={o === value}>
+				<label for={optionToID(o)}>
+					{o}
+				</label>
+				<input id={optionToID(o)} name={groupName} value={o} type="radio" bind:group={value} />
+			</li>
+		{/each}
+	</ul>
+</fieldset>
+
+<style>fieldset {
+  border: 0;
+  font-family: var(--swr-sans);
+}
+
+ul {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  padding: 0;
+  margin: 0;
+  border: 1px solid currentColor;
+  background: white;
+  border-radius: var(--br-small);
+}
+@media (min-width: 425px) {
+  ul {
+    flex-flow: row;
+  }
+}
+ul:focus-within, ul:active {
+  outline: 2px solid var(--blue-light-2);
+}
+
+li {
+  display: contents;
+}
+li:last-child label {
+  border-right: 0;
+  border-bottom: 0;
+}
+
+input {
+  position: absolute;
+  left: -999px;
+}
+
+.small label {
+  font-size: var(--fs-small-1);
+  height: 2.25em;
+  padding: 0 0.65em;
+}
+
+label {
+  font-size: var(--fs-base);
+  line-height: 1;
+  white-space: nowrap;
+  padding: 0 1em;
+  cursor: pointer;
+  margin: 0;
+  align-items: center;
+  display: flex;
+  color: currentColor;
+  position: relative;
+  transition: var(--fast);
+  text-underline-offset: 0.2em;
+  border-bottom: 1px solid currentColor;
+  height: 2.25em;
+}
+@media (min-width: 425px) {
+  label {
+    justify-content: center;
+    padding: 0 1em;
+    flex-basis: 0;
+    flex-grow: 1;
+    border-right: 1px solid currentColor;
+    border-bottom: 0;
+  }
+}
+@media (min-width: 425px) {
+  label {
+    height: 2.5em;
+  }
+}
+label:hover, label:focus-visible {
+  text-decoration: underline;
+}
+.is-selected label {
+  background: rgb(247, 247, 247);
+  font-weight: 600;
+  box-shadow: inset 5px 0px 0 0 var(--violet-dark-5);
+}
+@media (min-width: 425px) {
+  .is-selected label {
+    box-shadow: inset 0 -3px 0 0 var(--violet-dark-5);
+  }
+}</style>

package/dist/Switcher/Switcher.svelte.d.ts

@@ -0,0 +1,21 @@
+interface SwitcherProps {
+    /**
+     * Human-readable label
+     */
+    label: string;
+    /**
+     * Available options
+     */
+    options: string[];
+    /**
+     * Display size
+     */
+    size?: 'default' | 'small';
+    /**
+     * The currently-selected option
+     */
+    value: string | null;
+}
+declare const Switcher: import("svelte").Component<SwitcherProps, {}, "value">;
+type Switcher = ReturnType<typeof Switcher>;
+export default Switcher;

package/dist/Switcher/index.d.ts

@@ -0,0 +1,2 @@
+export default Switcher;
+import Switcher from "./Switcher.svelte";

package/dist/assets/close-circle.svg.svelte.d.ts

@@ -0,0 +1,26 @@
+export default CloseCircle;
+type CloseCircle = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const CloseCircle: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+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;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/assets/grow.svg.svelte.d.ts

@@ -0,0 +1,26 @@
+export default Grow;
+type Grow = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const Grow: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+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;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/assets/hand-pointer.svg.svelte.d.ts

@@ -0,0 +1,26 @@
+export default HandPointer;
+type HandPointer = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const HandPointer: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+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;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/assets/shrink.svg.svelte.d.ts

@@ -0,0 +1,26 @@
+export default Shrink;
+type Shrink = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const Shrink: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+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;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/assets/tap.svg.svelte.d.ts

@@ -0,0 +1,26 @@
+export default Tap;
+type Tap = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const Tap: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+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;
+    };
+    z_$$bindings?: Bindings;
+}