From b7e39b59fd0fc7b5610ebff29035bf622079e0d8 Mon Sep 17 00:00:00 2001
From: ivarlovlie <git@ivarlovlie.no>
Date: Wed, 5 Oct 2022 20:45:21 +0800
Subject: refactor: Change file structure

---
 apps/kit/src/routes/book/+layout.svelte       | 64 ------------------------
 apps/kit/src/routes/book/+page.svelte         |  1 -
 apps/kit/src/routes/book/alerts/+page.svelte  | 70 ---------------------------
 apps/kit/src/routes/book/buttons/+page.svelte | 23 ---------
 apps/kit/src/routes/book/inputs/+page.svelte  | 48 ------------------
 apps/kit/src/routes/book/toggles/+page.svelte | 27 -----------
 6 files changed, 233 deletions(-)
 delete mode 100644 apps/kit/src/routes/book/+layout.svelte
 delete mode 100644 apps/kit/src/routes/book/+page.svelte
 delete mode 100644 apps/kit/src/routes/book/alerts/+page.svelte
 delete mode 100644 apps/kit/src/routes/book/buttons/+page.svelte
 delete mode 100644 apps/kit/src/routes/book/inputs/+page.svelte
 delete mode 100644 apps/kit/src/routes/book/toggles/+page.svelte

(limited to 'apps/kit/src/routes/book')

diff --git a/apps/kit/src/routes/book/+layout.svelte b/apps/kit/src/routes/book/+layout.svelte
deleted file mode 100644
index aeed0d4..0000000
--- a/apps/kit/src/routes/book/+layout.svelte
+++ /dev/null
@@ -1,64 +0,0 @@
-<script>
-    import { page } from "$app/stores";
-    import "../../app.pcss";
-</script>
-
-<div id="wrapper">
-    <nav>
-        <a
-            href="/book/alerts"
-            class="link"
-            class:active={$page.url.pathname.startsWith("/book/alerts")}
-            >Alerts</a
-        >
-        <a
-            href="/book/buttons"
-            class="link"
-            class:active={$page.url.pathname.startsWith("/book/buttons")}
-            >Buttons</a
-        >
-        <a
-            href="/book/toggles"
-            class="link"
-            class:active={$page.url.pathname.startsWith("/book/toggles")}
-            >Toggles</a
-        >
-        <a
-            href="/book/inputs"
-            class="link"
-            class:active={$page.url.pathname.startsWith("/book/inputs")}
-            >Inputs</a
-        >
-    </nav>
-    <main>
-        <slot />
-    </main>
-</div>
-
-<style global lang="postcss">
-    #wrapper {
-        display: flex;
-        flex-direction: row;
-    }
-    nav {
-        min-width: 120px;
-        padding: 10px;
-        display: flex;
-        flex-direction: column;
-        position: sticky;
-        position: -webkit-sticky;
-        top: 0;
-        height: fit-content;
-    }
-    main {
-        width: 100%;
-        padding: 10px;
-    }
-    section {
-        margin-bottom: 25px;
-
-        h2 {
-            margin-bottom: 5px;
-        }
-    }
-</style>
diff --git a/apps/kit/src/routes/book/+page.svelte b/apps/kit/src/routes/book/+page.svelte
deleted file mode 100644
index 635b3c2..0000000
--- a/apps/kit/src/routes/book/+page.svelte
+++ /dev/null
@@ -1 +0,0 @@
-<p>A showcase of greatoffices components</p>
diff --git a/apps/kit/src/routes/book/alerts/+page.svelte b/apps/kit/src/routes/book/alerts/+page.svelte
deleted file mode 100644
index d008d85..0000000
--- a/apps/kit/src/routes/book/alerts/+page.svelte
+++ /dev/null
@@ -1,70 +0,0 @@
-<script>
-    import Alert from "$lib/components/alert.svelte";
-</script>
-
-<section>
-    <h2>Info</h2>
-    <Alert type="info" message="This is message" title="This is title" />
-</section>
-<section>
-    <h2>Warning</h2>
-    <Alert type="warning" message="This is message" title="This is title" />
-</section>
-<section>
-    <h2>Error</h2>
-    <Alert type="error" message="This is message" title="This is title" />
-</section>
-<section>
-    <h2>Success</h2>
-    <Alert type="success" message="This is message" title="This is title" />
-</section>
-<section>
-    <h2>Actions</h2>
-    <Alert
-        type="info"
-        message="This is message"
-        title="This is title"
-        closeable
-        actions={[
-            {
-                id: "confirm",
-                text: "Yes!",
-            },
-            {
-                id: "cancel",
-                text: "No!",
-                color: "red",
-            },
-        ]}
-    />
-</section>
-<section>
-    <h2>Right link</h2>
-    <Alert
-        on:rightLinkCliked={() => alert("Right link clicked")}
-        rightLinkText="Link or action"
-        title="Go here"
-        message="Hehe"
-        type="error"
-    />
-</section>
-<section>
-    <h2>List</h2>
-    <Alert
-        title="This is title"
-        listItems={["Message 1", "Message 2"]}
-        type="error"
-        message="This is bad dude"
-        closeable
-        closeableCooldown="60"
-        id="alert-1"
-        on:actrepeat={() => {
-            alert("Repeat requested");
-        }}
-        actions={[{ id: "repeat", text: "Try again" }]}
-    />
-</section>
-<section>
-    <h2>Closeable</h2>
-    <Alert message="This is message" closeable type="info" />
-</section>
diff --git a/apps/kit/src/routes/book/buttons/+page.svelte b/apps/kit/src/routes/book/buttons/+page.svelte
deleted file mode 100644
index 19ba163..0000000
--- a/apps/kit/src/routes/book/buttons/+page.svelte
+++ /dev/null
@@ -1,23 +0,0 @@
-<script>
-    import Button from "$lib/components/button.svelte";
-</script>
-
-<section>
-    <h2>Primary</h2>
-    <Button kind="primary" text="Small" size="sm" />
-    <Button kind="primary" text="Medium/Default" />
-    <Button kind="primary" text="Large" size="lg" />
-    <Button kind="primary" text="Extra large" size="xl" />
-</section>
-<section>
-    <h2>Secondary</h2>
-    <Button kind="secondary" text="Click me!" />
-</section>
-<section>
-    <h2>White</h2>
-    <Button kind="white" text="Click me!" />
-</section>
-<section>
-    <h2>Loading</h2>
-    <Button kind="primary" loading={true} text="Wait" />
-</section>
diff --git a/apps/kit/src/routes/book/inputs/+page.svelte b/apps/kit/src/routes/book/inputs/+page.svelte
deleted file mode 100644
index a693f69..0000000
--- a/apps/kit/src/routes/book/inputs/+page.svelte
+++ /dev/null
@@ -1,48 +0,0 @@
-<script lang="ts">
-    import Input from "$lib/components/input.svelte";
-    import { DatabaseIcon } from "$lib/components/icons";
-</script>
-
-<section>
-    <h2>Default</h2>
-    <Input label="Input me" placeholder="Hello" />
-</section>
-
-<section>
-    <h2>With icon</h2>
-    <Input label="Input me" placeholder="Hello" icon={DatabaseIcon} />
-</section>
-
-<section>
-    <h2>With corner hint</h2>
-    <Input label="Input me ->" placeholder="Hello" cornerHint="Hint hint" />
-</section>
-
-<section>
-    <h2>Disabled</h2>
-    <Input label="No" placeholder="Sorry" disabled />
-</section>
-
-<section>
-    <h2>Errored</h2>
-    <Input
-        label="No"
-        placeholder="Sorry"
-        errorText="That's not right"
-        icon={DatabaseIcon}
-    />
-</section>
-
-<section>
-    <h2>Help</h2>
-    <Input label="Go ahead" placeholder="Write here" helpText="Write above" />
-</section>
-<section>
-    <h2>Addon</h2>
-    <Input
-        label="Go ahead"
-        placeholder="Write here"
-        helpText="Write above"
-        addon="To the right"
-    />
-</section>
diff --git a/apps/kit/src/routes/book/toggles/+page.svelte b/apps/kit/src/routes/book/toggles/+page.svelte
deleted file mode 100644
index 94228b4..0000000
--- a/apps/kit/src/routes/book/toggles/+page.svelte
+++ /dev/null
@@ -1,27 +0,0 @@
-<script>
-    import Switch from "$lib/components/switch.svelte";
-</script>
-
-<section>
-    <h2>Default</h2>
-    <Switch />
-</section>
-<section>
-    <h2>Short</h2>
-    <Switch type="short" />
-</section>
-<section>
-    <h2>Icon</h2>
-    <Switch type="icon" />
-</section>
-<section>
-    <h2>Label / Description</h2>
-    <div class="max-w-md">
-        <Switch label="Label" description="Some text" />
-    </div>
-</section>
-
-<section>
-    <h2>Label / Description (right aligned)</h2>
-        <Switch label="Label" description="Some text" rightAlignedLabelDescription />
-</section>
\ No newline at end of file
-- 
cgit v1.3