docs(palimpsest): add initial set-up

Supports #100

palimpsest/src/App.svelte

@@ -0,0 +1,50 @@
+<script>
+  import { Router, Link, Route } from 'svelte-routing';
+  import copy from 'clipboard-copy';
+  import { Search, Link as CarbonLink, CodeSnippet } from 'carbon-components-svelte';
+  import ThemePicker from './components/ThemePicker.svelte';
+
+  let value = '';
+
+  $: code = `
+    search component "${value}"
+  `.trim();
+</script>
+
+<style>
+  header {
+    display: flex;
+    align-items: baseline;
+    justify-content: space-between;
+    height: 2.5rem;
+    padding: 0 1rem;
+  }
+</style>
+
+<Router>
+  <nav>
+    <Link to="/">Home</Link>
+    <Link to="about">About</Link>
+  </nav>
+  <div>
+    <Route path="about" component={ThemePicker} />
+    <Route path="/">Home</Route>
+  </div>
+</Router>
+
+<header>
+  <CarbonLink href="https://github.com/IBM/carbon-components-svelte">GitHub</CarbonLink>
+  <div>
+    <ThemePicker />
+  </div>
+</header>
+
+<div style="width: 16rem">
+  <Search id="search-components" labelText="Components" small bind:value />
+</div>
+
+<CodeSnippet
+  on:click={() => {
+    copy(code);
+  }}
+  {code} />

palimpsest/src/components/ThemePicker.svelte

@@ -0,0 +1,16 @@
+<script>
+  import { Select, SelectItem } from 'carbon-components-svelte';
+
+  let selected = 'white';
+
+  $: {
+    document.documentElement.setAttribute('carbon-theme', selected);
+  }
+</script>
+
+<Select inline labelText="Select Carbon Theme" bind:selected>
+  <SelectItem value="white" text="White (light)" />
+  <SelectItem value="g10" text="Gray 10 (light)" />
+  <SelectItem value="g90" text="Gray 90 (dark)" />
+  <SelectItem value="g100" text="Gray 100 (dark)" />
+</Select>

palimpsest/src/index.js

@@ -0,0 +1,6 @@
+import './style.scss';
+import App from './App.svelte';
+
+const app = new App({ target: document.body });
+
+export default app;

palimpsest/src/style.scss

@@ -0,0 +1,41 @@
+$feature-flags: (
+  enable-css-custom-properties: true
+);
+
+@import 'carbon-components/scss/globals/scss/_css--helpers.scss';
+@import 'carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/themes/_mixins.scss';
+
+:root {
+  @include carbon--theme($carbon--theme--white, true);
+}
+
+:root[carbon-theme='g10'] {
+  @include carbon--theme($carbon--theme--g10, true);
+}
+
+:root[carbon-theme='g90'] {
+  @include carbon--theme($carbon--theme--g90, true);
+}
+
+:root[carbon-theme='g100'] {
+  @include carbon--theme($carbon--theme--g100, true);
+}
+
+$css--font-face: true;
+$css--helpers: true;
+$css--body: true;
+$css--use-layer: true;
+$css--reset: true;
+$css--default-type: true;
+$css--plex: true;
+
+@import 'carbon-components/scss/globals/scss/_css--reset.scss';
+@import 'carbon-components/scss/globals/scss/_css--font-face.scss';
+@import 'carbon-components/scss/globals/scss/_css--helpers.scss';
+@import 'carbon-components/scss/globals/scss/_css--body.scss';
+@import 'carbon-components/scss/globals/grid/_grid.scss';
+
+@import 'carbon-components/scss/components/search/_search.scss';
+@import 'carbon-components/scss/components/select/_select.scss';
+@import 'carbon-components/scss/components/copy-button/_copy-button.scss';
+@import 'carbon-components/scss/components/code-snippet/_code-snippet.scss';